jQuery орқали элементлар тўпламини ўзгарувчига ёзиш

Занжир қуриш $('.www').html('!!!') шарт эмас, аввал элементлар тўпламини $('.www') ўзгарувчига (мени атаганим elems) ёзиш мумкин, сўнгра ўша ўзгарувчига методни .html('!!!') қўллансангiz бўлади. Мисол учун, бизнинг HTML коди қуйидагича кўринишда:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Ва JavaScript да ёзилган код шундай кўринишда бўлар эди:

let elems = $('.www');
elems.html('!!!');

Қулайлик учун фойдаланиш керак бўлган келишув мавжуд: jQuery га ўралган тўпламни ўз ичига олган ўзгарувчиларнинг номлари оддатда доллар билан бошланади. Яъни бизнинг ҳолатимизда elems эмас, балки $elems бўлиши керак.

Агар сизни ўзгарувчининг шундай номи - $elems - чалғитадиган бўлса - эътибор берингки, JavaScript да доллар оддий символ бўлиб, уни ҳар қандай жойда ишлатиш мумкин. Ҳатто функция номини бир символдан $ иборат қилиш мумкин, худди jQuery ва бошқа бир қанча кутубхоналарда қилингандек.

Шунинг учун, яна бир бор - агар сиз jQuery массавини ўзгарувчига ёзмақчи бўлсангиз, у ҳолда ўша ўзгарувчини доллар билан бошлаш оддатда қўлланилади. Бу мажбурий эмас, лекин биринчи қарашда ўша ўзгарувчида элементлар гуруҳи туришини ва унга jQuery нинг барча методларини қўллаш мумкинлигини тушуниш имконини беради.

Келинг, уни қуйида келтирилган HTML коди билан бизнинг мисолимизда ишлатайлик:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Бу ҳолда JavaScript шундай кўринишда бўлар эди:

let $elems = $('.www');
$elems.html('!!!');

Шунингдек, матнни киритиш учун text методнии қўллаш мумкин:

$('.www').text('!!!');

Ҳамма h3 тегларига text методи ёрдамида '!!!' матнини қўйинг.