Înregistrarea unui set de elemente într-o variabilă folosind jQuery

Poți să nu construiești un lanț $('.www').html('!!!'), ci mai întâi să înregistrezi setul de elemente $('.www') într-o variabilă (am numit-o elems), și apoi să aplici metode .html('!!!') acestei variabile. De exemplu, codul nostru HTML arată astfel:

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

Iar codul scris în JavaScript va arăta astfel:

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

Există o convenție care este recomandată a fi folosită pentru comoditate: numele variabilelor care conțin un set de elemente jQuery, este acceptat să înceapă cu dolar. Adică în cazul nostru nu elems, ci $elems.

Dacă vă deranjează un astfel de nume de variabilă - $elems - rețineți că dolarul în JavaScript este un simbol obișnuit și poate fi folosit oriunde. Puteți chiar să faceți un nume de funcție, format dintr-un singur simbol $, cum este făcut în jQuery și în alte biblioteci.

Deci, încă o dată - dacă doriți să înregistrați un set de elemente jQuery într-o variabilă, atunci este acceptat ca această variabilă să înceapă cu dolar. Nu este obligatoriu, dar permite să înțelegeți din prima privire că în această variabilă se află un grup de elemente și că acestei variabile îi sunt aplicabile toate metodele jQuery.

Să folosim asta în exemplul nostru cu codul HTML de mai jos:

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

În acest caz JavaScript arată astfel:

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

Similar, pentru inserarea textului poți aplica metoda text:

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

Tuturor elementelor h3 cu ajutorul metodei text setați textul '!!!'.