Elementų rinkinio įrašymas į kintamąjį naudojant jQuery

Galima nestatyti grandinės $('.www').html('!!!'), o pirmiausia įrašyti elementų rinkinį $('.www') į kintamąjį (aš jį pavadinau elems), ir tada jau šiam kintamajam pritaikyti metodą .html('!!!'). Pavyzdžiui, mūsų HTML kodas atrodo taip:

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

O JavaScript kodas atrodys taip:

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

Yra susitarimas, kuriuo patartina naudotis patogumui: kintamųjų, kuriuose yra supakuotas jQuery rinkinys, pavadinimus priimta pradėti iš dolerio ženklo. Tai mūsų atveju reikia ne elems, o $elems.

Jei jums kelia nerimą toks kintamojo pavadinimas - $elems - atminkite, kad dolerio ženklas JavaScript yra įprastas simbolis ir jį galima naudoti bet kur. Galima net sukurti funkcijos pavadinimą, sudarytą iš vieno simbolio $, kaip tai padaryta jQuery ir kai kuriose kitose bibliotekose.

Taigi, dar kartą - jei norite įrašyti jQuery rinkinį į kintamąjį, tada šį kintamąjį priimta pradėti doleriu. Tai nėra privaloma, bet leidžia iš pirmo žvilgsnio suprasti, kad šiame kintamajame yra elementų grupė ir šiam kintamajam pritaikomi visi jQuery metodai.

Panaudokime tai mūsų pavyzdyje su toliau pateiktu HTML kodu:

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

Tuomet JavaScript atrodo taip:

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

Analogškai teksto įterpimui galima pritaikyti metodą text:

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

Visiems h3 elementams naudojant metodą text nustatykite tekstą '!!!'.