Elementide kogumi salvestamine muutujasse jQuery abil

Pole vaja ehitada ahelat $('.www').html('!!!'), vaid võib kõigepealt salvestada elementide kogumi $('.www') muutujasse (ma panin sellele nimeks elems), ja seejärel rakendada sellele muutujale meetodi .html('!!!'). Näiteks näeb meie HTML kood välja selline:

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

Ja JavaScripti kood näeb välja selline:

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

On olemas kokkulepe, mida on soovitatav kasutada mugavuse huvides: muutujate nimed, mis sisaldavad endas jQuery-ga mähitud kogumit, on kombeks alustada dollarimärgiga. See tähendab, meie puhul peaks olema mitte elems, vaid $elems.

Kui selline muutuja nimi - $elems - teid segadusse ajab, pidage meeles, et dollarimärk JavaScriptis on tavaline sümbol ja seda saab kasutada kus iganes. Võib isegi teha funktsiooni nime, mis koosneb ühest sümbolist $, nagu see on tehtud jQuery-s ja mõnes teises teegis.

Niisiis, veel kord - kui soovite salvestada jQuery kogumi muutujasse, siis on kombeks seda muutujat alustada dollarimärgiga. See pole kohustuslik, kuid võimaldab esimesel pilgul aru saada, et selles muutujas on elementide grupp ja et sellele muutujale on rakendatavad kõik jQuery meetodid.

Kasutame seda meie näites alloleva HTML koodiga:

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

Samal ajal näeb JavaScript välja selline:

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

Samamoodi saab teksti sisestamiseks rakendada meetodit text:

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

Kõikidele h3-elementidele pange meetodi text abil tekstiks '!!!'.