Veel üks kontseptsioonvideo! See on lihtsalt üks neist asjadest, mida peate jQuery's mõistma. See on tegelikult jQuery jaoks natuke ainulaadne, kuna teised varasemad populaarsed JavaScripti teegid pole seda niimoodi teinud.
Valijaid oleme juba üsna palju kajastanud. Näiteks teate juba, et $("p")see valib lehel kõik lõigud. Mitte ainult esimene või mõni juhuslik, kõik need. Võite hõlpsasti ette kujutada, et neid võib lehel olla palju. Kujutage nüüd ette, mis juhtub, kui teete:
$("p").hide();Kõik nad jäävad peitu, eks? Õige. Mitte esimene või mõni suvaline, kõik need. See kaudne kordamine . Stseenide taga viib jQuery automaatselt läbi kogu leitud elementide komplekti ja käivitab neile valitud meetodi. Selleks ei pea me sõna otseses mõttes ise silmus kirjutama. Tundub üsna ilmne, kui kasutate JavaScripti jQuery sissejuhatust, kuid paljud varasemad teegid on nõudnud, et te ise elementide kogusid üle vaataksite.
Soovi korral saate silmus ikkagi ise kirjutada. See näeks võib-olla välja selline, kasutades jQuery loopingu meetodeid:
$("p").each(function() ( $(this).hide(); ));See on peaaegu sama asi. Mitte tingimata, aga võiks. See on selgesõnaline kordamine .
Mõnikord peate tegema selgesõnalise iteratsiooni. Põhimõtteliselt, kui peame juurdepääsu väärtusele thisja sellega midagi erilist tegema, vajame töötamiseks oma silmusekonstruktsiooni.
Selle ekraanikuva näitena loendati loendiüksustes olevaid märke ja lisati see stringi lõppu. Selleks vajame selget kordamist.
Vaadake Code Cenilt Chris Coyieri (@chriscoyier) pliiatsi 4b53b9f55662d0d26339e18277500eee
Siin kasutasime jQuery iga () meetodit, mis sobib ideaalselt selleks, mida vajame. Kasulik bitt, mida ta meie jaoks teeb, on see, et annab meile nullindeksiga loenduri igale iteratsioonile, millele vajadusel juurde pääseme.
$(".there-are-three-of-me").each(function(i) ( console.log(i); )); // 0 // 1 // 2