Объединение в цепочку jQuery

С jQuery можно объединить в цепочку вместе действия/методы.

Объединение в цепочку позволяет нам выполнять многократные методы jQuery (на том же самом элементе) в пределах единственного оператора.

Объединение в цепочку Методов jQuery

До сих пор мы писали операторы jQuery по одному (один за другим).

Однако, есть методика объединения в цепочку методов, которая позволяет нам выполнять многократные команды jQuery, одну за другой, на том же самом элементе (ах).

Подсказка: Таким образом, браузеры не будут выбирать тот же самый элемент(ы) долее одного раза.

Чтобы объединить действия в цепочку, Вы просто добавляете действие к предыдущему действию.

Следующий пример объединяет в цепочку методы css(), slideUp () и slideDown(). Элемент "p1" сначала изменяется на красный, затем он скользит вверх, и затем скользит вниз:

Пример

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

Попробуйте сами »

Мы могли бы также добавить больше вызовов методов, если нужно.

Подсказка: При объединении в цепочку, строка кода может стать довольно длинной. Однако, jQuery не очень строг к синтаксису; можно форматировать код так, как Вы хотите, включая разрывы строк и добавление отступов.

Это также работает просто великолепно:

Пример

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

Попробуйте сами »

jQuery выбрасывает дополнительные пробелы и выполняет строки выше как одну длинную строку кода.

Далее: Управление Размерами Элементов с jQuery

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)