English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод show() эффекта jQuery

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

Метод show() показывает скрытые элементы.

Внимание:Скрытые элементы больше не будут влиять на макет страницы.

Внимание:Если в стиле используется !important, например, показать: none !important, то этот метод не будет перекрывать !important.

Внимание:Этот метод подходит для элементов, скрытых с помощью методов jQuery, в CSS display:none (неvisibility: hidden).

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

Синтаксис:

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

Пример

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

$("button").click(function(){
  $("p").show();
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("p").show(1000);
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("div").show(1000, function(){
    alert("DIV 可见");
  });
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("span:first-child").show("fast", function(){
    $(this).next().show("fast", arguments.callee);
  });
});
Проверьте, как это работает‹/›

Значения параметров

ПараметрыОписание
duration(Опционально)Определяет, как долго будет длиться эффект отображения. Параметр по умолчанию составляет 400 миллисекунд

Возможные значения:

  • milliseconds (for example, 100, 500, 2000, etc.)

  • “fast”

  • “slow”

easing(Опционально)Строка, которая specifies the speed of the element at different points of the animation. Default value is “swing”

Возможные значения:

  • “swing”-медленнее движется в начале/конце, а в середине быстрее

  • “linear”-движение с постоянной скоростью

callback(Опционально)Функция, которая вызывается после завершения метода show(), для каждого выбранного элемента

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