Эффекты jQuery — скрыть и показать
Скрыть, показать, переключить, сдвинуть, исчезнуть и анимировать. ВАУ!
Нажмите, чтобы показать/скрыть панель
Поскольку время ценно, мы обеспечиваем быстрое и легкое обучение.
В W3Schools вы можете изучать все, что вам нужно, в доступном и удобном формате.
Примеры
Демонстрирует простой метод jQuery hide().
Еще одна демонстрация метода hide(). Как скрыть части текста.
jQuery скрыть() и показать()
С помощью jQuery вы можете скрывать и отображать элементы HTML с помощью методов hide()
и :show()
Пример
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Синтаксис:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Необязательный параметр скорости указывает скорость скрытия/отображения и может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая должна выполняться после завершения метода hide()
или show()
(вы узнаете больше о функциях обратного вызова в следующей главе).
В следующем примере демонстрируется параметр скорости с помощью hide()
:
Пример
$("button").click(function(){
$("p").hide(1000);
});
Переключение jQuery()
Вы также можете переключаться между скрытием и отображением элемента с помощью toggle()
метода.
Показанные элементы скрыты, а скрытые элементы показаны:
Пример
$("button").click(function(){
$("p").toggle();
});
Синтаксис:
$(selector).toggle(speed,callback);
Необязательный параметр скорости может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая должна выполняться после
toggle()
завершения.
jQuery-упражнения
Справочник по эффектам jQuery
Полный обзор всех эффектов jQuery см. в нашем Справочнике по эффектам jQuery .