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:

html<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:

javascriptlet 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:

html<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:

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

På samma sätt kan metoden text användas för att infoga text:

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