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