ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

jQuery Tutorial

jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

jQuery Misc

jQuery noConflict() jQuery Filters

jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties


jQuery - Chaining


С помощью 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 выбрасывает лишние пробелы и выполняет строки выше как одну длинную строку кода.