Zápis množiny elementov do premennej pomocou jQuery

Nemusíte vytvárať dlhý reťazec $('.www').html('!!!'), namiesto toho môžete najprv uložiť množinu elementov $('.www') do premennej (nazval som ju elems), a potom na túto premennú aplikovať metódu .html('!!!'). Napríklad, náš HTML kód vyzerá nasledovne:

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

A takto bude vyzerať kód napísaný v JavaScripte:

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

Existuje dohoda, ktorú je žiaduce používať pre pohodlie: názvy premenných, ktoré obsahujú zabalenú množinu jQuery, sa zvyknú začínať dolárom. To znamená, že v našom prípade by to malo byť nie elems, ale $elems.

Ak vás mätie taký názov premennej - $elems - majte na pamäti, že dolár v JavaScripte je bežný symbol a môže byť používaný kdekoľvek. Dokonca môžete vytvoriť názov funkcie, ktorý pozostáva z jedného symbolu $, ako je to urobené v jQuery a niektorých ďalších knižniciach.

Takže ešte raz - ak chcete uložiť množinu jQuery do premennej, je zvykom túto premennú začínať dolárom. Nie je to povinné, ale umožňuje to na prvý pohľad pochopiť, že v tejto premennej sa nachádza skupina elementov a na túto premennú sú aplikovateľné všetky metódy jQuery.

Použime to v našom príklade s nižšie uvedeným HTML kódom:

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

Zároveň JavaScript vyzerá takto:

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

Podobne pre vloženie textu môžete použiť metódu text:

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

Všetkým h3 pomocou metódy text nastavte text '!!!'.