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