Een set elementen in een variabele opslaan via jQuery
Je hoeft geen ketting te bouwen zoals $('.www').html('!!!'),
je kunt eerst de set elementen $('.www')
in een variabele opslaan (ik noemde deze elems),
en dan pas de methode
.html('!!!') op deze variabele toepassen. Stel dat onze HTML-code er als volgt uitziet:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
En zo ziet de code, geschreven in JavaScript, eruit:
let elems = $('.www');
elems.html('!!!');
Er is een conventie die het voor het gemak aan te raden is om te gebruiken:
variabelenamen die een verpakte jQuery-set bevatten, beginnen meestal
met een dollarteken. Dus in ons geval
moeten we niet elems gebruiken, maar $elems.
Als je je ongemakkelijk voelt bij zo'n variabelenaam - $elems
- bedenk dan dat het dollarteken in JavaScript een
gewoon symbool is en dat je het overal kunt gebruiken.
Je kunt zelfs een functienaam maken die
uit slechts één symbool bestaat, $, zoals
gedaan is in jQuery en enkele andere bibliotheken.
Dus, nogmaals - als je een jQuery-array wilt opslaan in een variabele, dan begint die variabele meestal met een dollarteken. Dit is niet verplicht, maar het maakt meteen duidelijk dat in deze variabele een groep elementen zit en dat op deze variabele alle jQuery-methoden van toepassing zijn.
Laten we dit gebruiken in ons voorbeeld met de onderstaande HTML-code:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Terwijl de JavaScript er zo uitziet:
let $elems = $('.www');
$elems.html('!!!');
Evenzo kan voor het invoegen van tekst de
methode text worden toegepast:
$('.www').text('!!!');
Geef alle h3 met behulp van de methode text
de tekst '!!!'.
