Kurekodi seti ya vipengele kwenye kutofautisha kupitia jQuery

Hauhitaji kuunda mnyororo wa $('.www').html('!!!'), bali kwanza urekodi seti ya vipengele $('.www') kwenye kutofautisha (niliiita elems), kisha utumie mbinu .html('!!!') kwenye kutofautisha hicho. Kwa mfano, msimbo wetu wa HTML unaonekana kama ifuatavyo:

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

Na hivi ndivyo msimbo ulioandikwa kwa JavaScript utakavyoonekana:

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

Kuna makubaliano ambayo inapendekezwa kutumika kwa urahisi: majina ya vitu tofauti, ambavyo vyenye seti iliyofungwa ya jQuery, yanakubalika kuanza na dola. Yaani, kwenye mfano wetu inapaswa kuwa $elems, na si elems.

Ikiwa jina hili la kutofautisha linakuchanganya - $elems - kumbuka kuwa dola kwenye JavaScript ni ishara ya kawaida na inaweza kutumika, popote. Unaweza hata kutengeneza jina la kitendakazi, kinachojumuisha ishara moja $, kama ilivyofanywa katika jQuery na maktaba zingine.

Basi, tena - ikiwa unataka kurekodi safu ya jQuery kwenye kutofautisha, basi kutofautisha hicho huchezwa kuanza na dola. Hii si lazima, lakini inaruhusu kwa mtazamo wa kwanza kuelewa kuwa kwenye kutofautisha hiki kuna kikundi cha vipengele na kwa kutofautisha hiki zinaweza kutumiwa mbinu zote za jQuery.

Tutumie hii kwenye mfano wetu na msimbo wa HTML ulio hapa chini:

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

Wakati huo huo JavaScript inaonekana hivi:

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

Vivyo hivyo kwa kuingiza maandishi inaweza kutumika mbinu text:

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

Kwa h3 zote kwa kutumia mbinu text weka maandishi '!!!'.