Zápis sady prvků do proměnné pomocí jQuery

Není nutné vytvářet dlouhý řetězec $('.www').html('!!!'), můžete nejprve uložit sadu prvků $('.www') do proměnné (nazval jsem ji elems), a poté na tuto proměnnou aplikovat metodu .html('!!!'). Například, náš HTML kód vypadá následovně:

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

A tak bude vypadat kód napsaný v JavaScriptu:

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

Existuje konvence, kterou je vhodné dodržovat pro usnadnění práce: názvy proměnných, které obsahují zabalenou sadu jQuery, se obvykle začínají dolarem. To znamená, že v našem případě bychom měli použít ne elems, ale $elems.

Pokud vás takový název proměnné - $elems - znepokojuje, mějte na paměti, že dolar je v JavaScriptu běžným znakem a lze jej použít kdekoliv. Dokonce lze vytvořit název funkce složený pouze ze znaku $, jak je tomu implementováno v jQuery a některých dalších knihovnách.

Takže, znovu - pokud chcete uložit jQuery sadu do proměnné, je zvykem tuto proměnnou začínat dolarem. Není to povinné, ale umožňuje na první pohled poznat, že v této proměnné je uložena skupina prvků a na tuto proměnnou jsou aplikovatelné všechny metody jQuery.

Pojďme to použít v našem příkladu s níže uvedeným HTML kódem:

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

Zatímco JavaScript bude vypadat takto:

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

Podobně pro vložení textu lze použít metodu text:

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

Všem prvkům h3 pomocí metody text nastavte text '!!!'.