Elementu kopas ierakstīšana mainīgajā, izmantojot jQuery

Var neveidot ķēdi $('.www').html('!!!'), bet vispirms ierakstīt elementu kopu $('.www') mainīgajā (es to nosaucu par elems), un tad jau uz šo mainīgo piemērot metodi .html('!!!'). Piemēram, mūsu HTML kods izskatās šādi:

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

Un šādi izskatīsies JavaScript kodēs:

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

Ir vienošanās, kuru vēlams ievērot ērtības labad: mainīgo nosaukumus, kas satur sevī jQuery ietvertu kopu, pieņemts sākt ar dolāra zīmi. Tas ir, mūsu gadījumā vajag nevis elems, bet $elems.

Ja jūs šis mainīgā nosaukums — $elems — mulsina, ņemiet vērā, ka dolāra zīme JavaScript valodā ir parasts simbols un to var izmantot kur vien vēlas. Var pat izveidot funkcijas nosaukumu, kas sastāv no viena simbola $, kā tas ir darīts jQuery un dažās citās bibliotēkās.

Tātad, vēlreiz — ja vēlaties ierakstīt jQuery elementu kopu mainīgajā, tad šo mainīgo pieņemts sākt ar dolāra zīmi. Tas nav obligāti, bet ļauj no pirmā acu uzmetiena saprast, ka šajā mainīgajā atrodas elementu grupa un ka uz šo mainīgo ir piemērojamas visas jQuery metodes.

Izmantosim to mūsu piemērā ar zemāk redzamo HTML kodu:

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

JavaScript kodēs tas izskatās šādi:

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

Līdzīgi, lai ievietotu tekstu, var piemērot metodi text:

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

Visiem h3 elementiem, izmantojot metodi text, iestatiet tekstu '!!!'.