Elemek csoportjának változóba mentése jQuery-vel

Nem kell láncolatot építeni $('.www').html('!!!'), hanem először elmenthetjük az elemcskupot $('.www') egy változóba (én elems-nek neveztem el), majd erre a változóra alkalmazhatjuk a .html('!!!') metódust. Például a HTML kódunk a következő:

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

És a JavaScript kód így fog kinézni:

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

Létezik egy megállapodás, amelyet célszerű használni a kényelem érdekében: a jQuery által becsomagolt csoportot tartalmazó változók neveit szokás dollárjellel kezdeni. Vagyis a mi esetünkben ne elems legyen, hanem $elems.

Ha ez a változónév – $elems – megzavar, vedd figyelembe, hogy a dollár a JavaScript-ben egy közönséges karakter, és bárhol használható. Még egy $ egyetlen karakterből álló függvénynevet is létre lehet hozni, ahogyan azt a jQuery és néhány más könyvtár teszi.

Tehát még egyszer – ha egy jQuery csoportot akar egy változóba menteni, akkor ezt a változót szokás dollárral kezdeni. Ez nem kötelező, de lehetővé teszi, hogy első pillantásra megértsük, hogy ebben a változóban egy elemcskup van, és erre a változóra a jQuery összes metódusa alkalmazható.

Használjuk ezt a példánkban az alábbi HTML kóddal:

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

Ehhez a JavaScript így néz ki:

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

Hasonlóképpen szöveg beszúrásához használható a text metódus:

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

Minden h3 elemnek a text metódussal állítsa be a '!!!' szöveget.