Å 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:
<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:
let 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:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
JavaScript ser slik ut:
let $elems = $('.www');
$elems.html('!!!');
På samme måte kan metoden text brukes
for å sette inn tekst:
$('.www').text('!!!');
Sett teksten '!!!' til alle h3
ved hjelp av metoden text.
