Optagelse af et sæt elementer i en variabel gennem jQuery
Man behøver ikke at bygge en kæde som $('.www').html('!!!'),
men kan i stedet først optage sættet af elementer $('.www')
i en variabel (jeg kaldte den elems),
og derefter anvende metoden
.html('!!!') på denne variabel. For eksempel kunne vores HTML-kode se sådan ud:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Og sådan vil koden skrevet i JavaScript se ud:
let elems = $('.www');
elems.html('!!!');
Der er en konvention, som det er tilrådeligt at følge
for nemheds skyld: det er almindeligt at starte navne på variable, der
indeholder et indpakket jQuery-sæt,
med et dollartegn. Det vil sige, i vores tilfælde
skal det ikke være elems, men $elems.
Hvis du er forvirret over sådan et variabelnavn - $elems
- så vær opmærksom på, at dollartegnet i JavaScript er et
almindeligt symbol, og det kan bruges
hvor som helst. Du kan endda lave et funktionsnavn,
der består af ét enkelt symbol $, som
det er gjort i jQuery og nogle andre biblioteker.
Så, igen - hvis du vil optage et jQuery- array i en variabel, er det almindeligt at starte variablen med et dollartegn. Dette er ikke obligatorisk, men giver mulighed for at se med det samme, at denne variabel indeholder en gruppe af elementer, og at alle jQuery-metoder kan anvendes på denne variabel.
Lad os bruge dette i vores eksempel med den nedenstående HTML-kode:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Her ser JavaScript sådan ud:
let $elems = $('.www');
$elems.html('!!!');
Tilsvarende kan metoden text anvendes for at indsætte tekst:
$('.www').text('!!!');
Sæt tekstene '!!!' på alle h3-elementer ved hjælp af metoden text.
