Łączenie jQuery

Dzięki jQuery, możesz łączyć działania/metody.

Chaining pozwala na umieszczenie wielu metod jQuery (na tym samym elemencie) w jednym poleceniu.

Łączenie metod jQuery

Do tej pory pisaliśmy po jednym poleceniu jQuery (jedno za drugim).

Jednak istnieje technika nazywana łączeniem (chaining), która pozwala nam uruchamiać wiele poleceń jQuery na tym samym elemencie, jedno za drugim.

Wskazówka:W ten sposób przeglądarka nie musi wielokrotnie wyszukiwać tego samego elementu.

Aby połączyć działanie, wystarczy po prostu dodać to działanie do poprzedniego działania.

Przykład 1

Poniższy przykład łączy razem css(), slideUp() i slideDown(). Element "p1" najpierw zmieni kolor na czerwony, a następnie wsunie się w górę, a potem w dół:

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

Spróbuj sam

Jeśli jest to konieczne, możemy również dodać wiele wywołań metod.

Wskazówka:Kiedy łączy się linki, wiersze kodu mogą stać się bardzo złe. Jednak jQuery nie jest zbyt严格 w gramatyce; możesz pisać w wybranym formacie, w tym z wcięciami i przerwami.

Przykład 2

Tak也可以运行:

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

Spróbuj sam

jQuery usuwa nadmiarowe spacje i wykona kod powyżej jako jedną długą linię.