jQuery Chaining

С помощью jQuery вы можете связывать действия/методы.

Chaining позволяет нам выполнять несколько методов jQuery (на одном и том же элементе) в одной строке.

jQuery метод chaining

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

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

подсказка:Таким образом, браузеру не нужно多次 находить один и тот же элемент.

Чтобы связать действие, просто добавьте это действие к предыдущему действию.

пример 1

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

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

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

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

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

пример 2

Так же это можно написать и это будет работать:

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

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

jQuery отбрасывает избыточные пробелы и выполняет上面的 строки кода как одну строку кода.