Elementtijoukon tallentaminen muuttujaan jQueryllä

Ei tarvitse rakentaa ketjua $('.www').html('!!!'), vaan voit ensin tallentaa elementtijoukon $('.www') muuttujaan (nimesin sen elems), ja sitten soveltaa muuttujaan metodia .html('!!!'). Esimerkiksi HTML-koodimme näyttää tältä:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Ja JavaScript-koodi näyttää tältä:

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

On olemassa sopimus, jota on suositeltavaa käyttää mukavuuden vuoksi: muuttujien nimet, jotka sisältävät jQuerylla käärityn joukon, on tapana alkaa dollarimerkillä. Eli meidän tapauksessamme pitäisi olla ei elems, vaan $elems.

Jos tällainen muuttujan nimi - $elems - häiritsee sinua, huomioi, että dollarimerkki JavaScriptissä on tavallinen merkki ja sitä voi käyttää missä tahansa. Voit jopa tehdä funktion nimen, joka koostuu yhdestä merkistä $, kuten se on tehty jQueryssä ja joissakin muissa kirjastoissa.

Joten, vielä kerran - jos haluat tallentaa jQueryn joukon muuttujaan, on tapana nimetä tämä muuttuja dollarimerkillä alkaen. Tämä ei ole pakollista, mutta mahdollistaa yhdellä silmäyksellä ymmärtää, että tässä muuttujassa on elementtiryhmä ja että kaikki jQueryn metodit ovat sovellettavissa tähän muuttujaan.

Käytetään tätä esimerkissämme alla olevalla HTML-koodilla:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Samaan aikaan JavaScript näyttää tältä:

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

Vastaavasti tekstin lisäämiseen voidaan soveltaa metodia text:

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

Kaikille h3 -elementeille aseta käyttäen text -metodia teksti '!!!'.