Још један концептни видео! Ово је „само једна од ствари“ коју треба да разумете у јКуерију. Заправо је помало јединствен за јКуери, јер друге популарне ЈаваСцрипт библиотеке у прошлости то нису радиле на овај начин.
Већ смо прилично покрили селекторе. На пример, већ знате да $("p")
ће одабрати све пасусе на страници. Не само први или неки случајни, сви. Можете лако замислити да их може бити много на страници. Сада замислите шта се дешава када то урадите:
$("p").hide();
Сви се они сакрију, зар не? Јел тако. Не први или неки случајни, сви. Та имплицитна итерација . Иза кулиса, јКуери аутоматски петља кроз читав низ елемената које је пронашао и на њима покреће метод који сте изабрали. Не морамо буквално сами да напишемо петљу да бисмо то урадили. Чини се прилично очигледним ако је увод у ЈаваСцрипт јКуери, али многе библиотеке су у прошлости захтевале да сами прелазите преко колекција елемената.
Ако желите, и даље можете сами написати петљу. То би можда изгледало овако, користећи методе петље јКуери:
$("p").each(function() ( $(this).hide(); ));
То је отприлике иста ствар. Не нужно, али могли бисте. То је експлицитна итерација .
Понекад треба да урадите експлицитну итерацију. У основи, ако треба да приступимо вредности this
и учинимо нешто посебно с њом, требат ће нам наша властита конструкција петље за рад.
Пример у овом сцреенцаст-у је бројање знакова у ставкама листе и додавање тога на крај низа. За то ће нам требати изричита итерација.
Погледајте оловку 4б53б9ф55662д0д26339е18277500еее аутора Цхрис Цоииер (@цхрисцоииер) на ЦодеПен
Овде смо користили јКуери-јеву методу еацх () која је савршена за оно што нам треба. Корисан бит који нам даје је да нам даје бројач индексиран нулом сваке итерације којој можемо приступити ако је потребно.
$(".there-are-three-of-me").each(function(i) ( console.log(i); )); // 0 // 1 // 2