Oleme nüüd mitu korda rääkinud väikestest puudutustest jQuery API-s, mis on tõesti üsna toredad. Kõik on hästi läbi mõeldud ja viimistletud. Aheldamine kuulub kindlasti sellesse kategooriasse. Kui olete seda kasutama hakanud ja sellest aru saanud, tundub see äärmiselt loomulik, nagu muud moodi ei tohiks olla.
Peamine idee on see, et kasutate ühe elementide kogumi jaoks mitu meetodit järjest.
Oletame näiteks, et pärast nupul klõpsamist soovin muuta nii klassi kui ka teksti. Kuid nupu sees on HTML.
Open JQuery abil saame kogu tegevuste seeria kokku aheldada.
$(".button") .removeClass("open") .addClass("closed") .find(".text") .text("Closed");See on võimalik, kuna enamus jQuery meetodeid, kui neid kasutatakse setterina, tagastavad elemendikomplekti just nii, nagu seda meetodit kutsuti. Mõnikord on see komplekt täpselt sama, nagu see on siin removeClassja addClasssiin, ja mõnikord muudetakse seda komplekti nagu siin find.
Näites, millega me videos töötasime, rääkisime ka sellest, .end()kumb ühe keti ühe taseme „tagasi toetab“.
$(".button") .removeClass("open") // .button .addClass("closed") // .button .find(".text") // .button .text .text("Closed") // .button .text .end(); // .button .data("thing"); // GETTER on .buttonEhk seletab see seda paremini. Kui elementide komplekt muutub, panin taande reale ja märkisin muutuse kommentaari. Siis, kui .end()see on, taganeb üks tase tagasi. See töötab olenemata sellest, mitu korda valikut muudate. Kõik lõpeb, kui kasutate meetodit, mis tagastab midagi muud kui elementide kogum.