# 15: Veriženje - CSS-triki

Anonim

Zdaj smo se že večkrat pogovarjali o majhnih dotikih v API-ju jQuery, ki so res zelo lepi. Vse je dobro premišljeno in dodelano. Veriženje vsekakor spada v to kategorijo. Ko ga začnete uporabljati in ga razumete, se vam zdi izjemno naravno, kot da ne bi smelo biti druge poti.

Glavna ideja je, da za posamezno zbirko elementov uporabite več metod zaporedoma.

Recimo, na primer, ko kliknem na gumb, želim spremeniti razred in spremeniti nekaj besedila. Toda gumb ima nekaj HTML-ja.

 Open 

Z jQueryjem lahko celotno serijo dejanj "verižimo" skupaj.

$(".button") .removeClass("open") .addClass("closed") .find(".text") .text("Closed");

To je mogoče, ker večina metod jQuery, medtem ko se uporabljajo kot nastavitelj, vrne nabor elementov, podoben tistemu, za katerega je bila metoda pozvana. Včasih je ta niz popolnoma enak, kot je primer z removeClassin addClasstukaj, včasih pa se ta niz spremeni, kot je to v primeru tukaj find.

V primeru, s katerim smo sodelovali v videoposnetku, smo govorili tudi o tem, .end()kateri "umakne" eno raven v verigi.

$(".button") .removeClass("open") // .button .addClass("closed") // .button .find(".text") // .button .text .text("Closed") // .button .text .end(); // .button .data("thing"); // GETTER on .button

Morda to bolje pojasni. Ko se nabor elementov spremeni, sem zamaknil prvo vrstico in opazil spremembo v komentarju. Potem, ko .end()se umaknemo nazaj za en nivo. To deluje ne glede na to, kolikokrat spremenite izbor. Vse se konča, ko uporabite metodo, ki vrne nekaj drugega kot nabor elementov.