Zapis nabora elementov v spremenljivko z jQuery
Namesto da gradimo verigo $('.www').html('!!!'),
lahko najprej zapišemo niz elementov $('.www')
v spremenljivko (poimenoval sem jo elems),
in nato na to spremenljivko uporabimo metodo
.html('!!!'). Na primer, naša HTML koda izgleda takole:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
In takole bo izgledala koda, napisana v JavaScript:
let elems = $('.www');
elems.html('!!!');
Obstaja dogovor, ki ga je za udobje priporočljivo uporabljati:
imena spremenljivk, ki vsebujejo ovit niz jQuery, se običajno
začenjajo z dolarjem. To pomeni, da v našem primeru
namesto elems uporabimo $elems.
Če vas tako ime spremenljivke - $elems
- bega, upoštevajte, da je dolar v JavaScriptu
navaden simbol in ga je mogoče uporabiti
povsod. Lahko celo naredite ime funkcije,
ki je sestavljeno iz enega samega simbola $, kot
je storjeno v jQuery in nekaterih drugih knjižnicah.
Torej, še enkrat - če želite zapisati niz jQuery v spremenljivko, se ta spremenljivka običajno začne z dolarjem. To ni obvezno, vendar omogoča, da na prvi pogled razumemo, da v tej spremenljivki leži skupina elementov in da so za to spremenljivko uporabne vse metode jQuery.
Uporabimo to v našem primeru s spodaj prikazano HTML kodo:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Medtem ko JavaScript izgleda takole:
let $elems = $('.www');
$elems.html('!!!');
Podobno lahko za vstavljanje besedila uporabimo
metodo text:
$('.www').text('!!!');
Vsem h3 z uporabo metode text
nastavite besedilo '!!!'.