Å lagre et sett med elementer i en variabel gjennom jQuery

Du trenger ikke å bygge en kjede som $('.www').html('!!!'), men kan først lagre settet med elementer $('.www') i en variabel (jeg kalte den elems), og deretter bruke metoden .html('!!!') på denne variabelen. For eksempel, HTML-koden vår ser slik ut:

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

Og slik vil koden skrevet i JavaScript se ut:

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

Det finnes en konvensjon som er lurt å følge for enkelthets skyld: variabelnavn som inneholder et innpakket jQuery-sett, skal vanligvis begynne med en dollartegn. Det vil si i vårt tilfelle bruker vi ikke elems, men $elems.

Hvis du synes et slikt variabelnavn er rart - $elems - vær oppmerksom på at dollartegnet i JavaScript er et vanlig symbol og kan brukes hvor som helst. Du kan til og med lage et funksjonsnavn som består av bare ett symbol $, som det er gjort i jQuery og noen andre biblioteker.

Så, igjen - hvis du vil lagre en jQuery-matrise i en variabel, skal denne variabelen vanligvis begynne med en dollartegn. Dette er ikke obligatorisk, men gjør det mulig å umiddelbart se at denne variabelen inneholder en gruppe elementer og at alle jQuery-metoder kan brukes på denne variabelen.

La oss bruke dette i vårt eksempel med HTML-koden nedenfor:

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

JavaScript ser slik ut:

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

På samme måte kan metoden text brukes for å sette inn tekst:

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