jQuery - Tworzenie łańcuchów
Dzięki jQuery możesz łączyć ze sobą działania/metody.
Tworzenie łańcuchów pozwala nam na uruchamianie wielu metod jQuery (na tym samym elemencie) w ramach jednej instrukcji.
Tworzenie łańcuchów metod jQuery
Do tej pory pisaliśmy instrukcje jQuery jedna po drugiej (jedna po drugiej).
Istnieje jednak technika zwana tworzeniem łańcuchów, która pozwala nam uruchamiać wiele poleceń jQuery, jedno po drugim, na tym samym elemencie (elementach).
Wskazówka: w ten sposób przeglądarki nie muszą znajdować tego samego elementu więcej niż raz.
Aby połączyć akcję, wystarczy dodać akcję do poprzedniej akcji.
Poniższy przykład łączy razem metody css(), slideUp()i slideDown()
. Element „p1” najpierw zmienia kolor na czerwony, potem przesuwa się w górę, a potem w dół:
Przykład
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
W razie potrzeby moglibyśmy również dodać więcej wywołań metod.
Wskazówka : podczas tworzenia łańcucha wiersz kodu może stać się dość długi. Jednak jQuery nie jest zbyt rygorystyczne w składni; możesz go sformatować tak, jak chcesz, w tym podziały wierszy i wcięcia.
To również działa dobrze:
Przykład
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery wyrzuca dodatkowe białe znaki i wykonuje powyższe wiersze jako jeden długi wiersz kodu.