jQuery метод эффекта hide()

Методы эффектов jQuery

методом hide() для скрытия выбранных элементов.

Этот метод обычно используется вместе сshow()Методы можно использовать вместе.

Обратите внимание:Элементы, скрытые с помощью hide(), больше не влияют на макет страницы.

Синтаксис:

($(selector).hide(duration, easing, callback))

Пример

Этот пример скрывает абзацы на странице при нажатии на страницу:

($("p").click(function() {
　　($(this).hide());
});

Скрытие всех элементов <p> при нажатии на кнопку:

($("button").click(function() {
　　($("p").hide());
});

ИспользованиеdurationПараметры:

($("button").click(function() {
　　($("p").hide(1000));
});

ИспользованиеcallbackПараметры:

($("button").click(function() {
　　($("div").hide(1000, function() {
　　　　alert("DIV скрыт");
　　});
});

Анимация всех тегов span (в данном случае это слова) быстро скрывается, завершается каждый анимационный эффект за 200 миллисекунд:

($("button").click(function() {
　　($("span:last-child").hide("fast", function() {
　　　　$(this).prev().hide("fast", arguments.callee);
　　});
});

Скрыть элемент span, если щелчок продолжается более 2 секунд, а затем удалить элемент span при скрытии:

$("span").click(function(){
　　$(this).hide(2000, function(){
　　　　$(this).remove();
　　});
});

Значение параметра

Методы эффектов jQuery