Tagad mēs vairākas reizes esam runājuši par maziem pieskārieniem jQuery API, kas ir patiešām diezgan jauki. Viss ir labi apsvērts un izsmalcināts. Ķēdēšana noteikti ietilpst šajā kategorijā. Tiklīdz jūs to sākat lietot un saprotat, tas jūtas ārkārtīgi dabiski, piemēram, nevajadzētu būt citādāk.
Galvenā ideja ir tāda, ka vienā elementu kolekcijā jūs izmantojat vairākas metodes pēc kārtas.
Piemēram, pieņemsim, ka pēc noklikšķināšanas uz pogas es vēlos mainīt klasi, kā arī mainīt tekstu. Bet pogas iekšpusē ir HTML.
Open
Izmantojot jQuery, mēs varam “sasaistīt” visu darbību sēriju kopā.
$(".button") .removeClass("open") .addClass("closed") .find(".text") .text("Closed");
Tas ir iespējams, jo lielākā daļa jQuery metožu, lai arī tiek izmantotas kā iestatītājs, atgriež elementu kopu tāpat kā metodi, kas tika izsaukta. Dažreiz šis kopums ir tieši tāds pats, kā tas ir gadījumā ar šeit removeClass
un addClass
šeit, un dažreiz šis kopums tiek mainīts tāpat kā šeit find
.
Piemērā, ar kuru video strādājām, mēs runājām arī par to, .end()
kurš no ķēdes “atbalsta” vienu līmeni.
$(".button") .removeClass("open") // .button .addClass("closed") // .button .find(".text") // .button .text .text("Closed") // .button .text .end(); // .button .data("thing"); // GETTER on .button
Varbūt tas to labāk izskaidro. Kad elementu kopa mainās, es ievilku pirmo rindu un atzīmēju izmaiņas komentārā. Tad, kad mēs .end()
atgriezīsimies vienā līmenī. Tas darbojas neatkarīgi no tā, cik reizes maināt atlasi. Viss beidzas, kad izmantojat metodi, kas atgriež kaut ko citu, nevis elementu kopumu.