Att spara en uppsättning element i en variabel med jQuery
Man behöver inte bygga en kedja av $('.www').html('!!!'),
utan kan först spara uppsättningen av element $('.www')
i en variabel (jag kallade den elems),
och sedan applicera metoden
.html('!!!') på den variabeln. Till exempel, vår HTML-kod ser ut så här:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Och så här kommer koden skriven i JavaScript att se ut:
let elems = $('.www');
elems.html('!!!');
Det finns en konvention som är lämplig att använda
för bekvämlighet: det är vanligt att variabelnamn som
innehåller en inslagen jQuery-uppsättning
börjar med ett dollartecken. Alltså i vårt fall
skulle det inte vara elems, utan $elems.
Om du är osäker på ett sådant variabelnamn - $elems
- tänk på att dollartecknet i JavaScript är ett
vanligt tecken och kan användas
var som helst. Man kan till och med skapa ett funktionsnamn
som består av bara ett tecken $, som
gjorts i jQuery och några andra bibliotek.
Så, ännu en gång - om du vill spara en jQuery-array i en variabel, är det konvention att den variabeln börjar med ett dollartecken. Detta är inte obligatoriskt, men möjliggör att man direkt förstår att i denna variabel finns en grupp element och att alla jQuery-metoder kan appliceras på denna variabel.
Låt oss använda detta i vårt exempel med HTML-koden nedan:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Medan JavaScript ser ut så här:
let $elems = $('.www');
$elems.html('!!!');
På samma sätt kan metoden text användas
för att infoga text:
$('.www').text('!!!');
Sätt texten '!!!' till alla h3
med hjälp av metoden text.
