Kitas koncepcinis vaizdo įrašas! Tai yra „tik vienas iš tų dalykų“, kurį turite suprasti „jQuery“. Iš tikrųjų jis yra šiek tiek unikalus „jQuery“, nes kitos praeityje populiarios „JavaScript“ bibliotekos to nedarė.
Mes jau nemažai aprėpėme selektorius. Pavyzdžiui, jūs jau žinote, kad $("p")pasirinksite visas puslapio pastraipas. Ne tik pirmasis ar kažkoks atsitiktinis, visi jie. Galite lengvai įsivaizduoti, kad tokių gali būti puslapyje. Dabar įsivaizduokite, kas nutiks, kai darysite:
$("p").hide();Visi jie paslėpti, tiesa? Teisingai. Ne pirmas ar koks nors atsitiktinis, visi jie. Tas numanomas kartojimas . Užkulisiuose „jQuery“ automatiškai peržiūri visą rastą elementų rinkinį ir paleidžia pasirinktą metodą. Mums to tiesiogine prasme nereikia rašyti. Atrodo gana akivaizdu, jei įvedate „JavaScript“ yra „jQuery“, tačiau daugelyje praeities bibliotekų jums reikėjo pačiam pereiti prie elementų rinkinių.
Jei norite, vis tiek galite patys parašyti kilpą. Tai galbūt atrodys taip, naudojant „jQuery“ ciklo metodus:
$("p").each(function() ( $(this).hide(); ));Tai beveik tas pats. Nebūtinai, bet galėtum. Tai aiškus kartojimas .
Kartais reikia atlikti aiškų kartojimą. Iš esmės, jei turime pasiekti vertės vertę thisir su ja padaryti kažką ypatingo, mums reikės savo ciklo konstrukcijos, su kuria galėtume dirbti.
Šios ekrano nuotraukos pavyzdys buvo skaičiuoti simbolius sąrašo elementuose ir pridėti juos prie eilutės pabaigos. Tam reikės aiškios iteracijos.
Žr. Chrisą Coyierį (@chriscoyier) „CodePen“ rašiklį 4b53b9f55662d0d26339e18277500eee
Čia mes naudojome kiekvieno „jQuery“ metodą, kuris puikiai tinka mums reikalingiems dalykams. Naudinga bitė, kurią mums daro, suteikia mums nulinį indeksą skaičiuojantį skaitiklį kiekvienai iteracijai, kurią galime pasiekti, jei reikia.
$(".there-are-three-of-me").each(function(i) ( console.log(i); )); // 0 // 1 // 2
