Mencatat kumpulan elemen ke dalam variabel melalui jQuery

Anda tidak perlu membangun rantai $('.www').html('!!!'), tetapi pertama-tama catat kumpulan elemen $('.www') ke dalam variabel (saya menamakannya elems), dan kemudian menerapkan metode .html('!!!') ke variabel tersebut. Misalnya, kode HTML kami terlihat sebagai berikut:

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

Dan ini adalah tampilan kode yang ditulis dalam JavaScript:

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

Ada konvensi yang disarankan untuk digunakan untuk kenyamanan: nama variabel yang berisi kumpulan elemen jQuery yang dibungkus, secara lazim dimulai dengan tanda dolar. Jadi dalam kasus kami harusnya bukan elems, tetapi $elems.

Jika nama variabel seperti itu - $elems - membuat Anda ragu, perlu diingat bahwa tanda dolar dalam JavaScript adalah simbol biasa dan dapat digunakan di mana saja. Anda bahkan dapat membuat nama fungsi yang terdiri dari satu simbol $, seperti yang dilakukan di jQuery dan beberapa library lainnya.

Jadi, sekali lagi - jika Anda ingin mencatat array jQuery ke dalam variabel, maka variabel tersebut biasanya dimulai dengan tanda dolar. Ini tidak wajib, tetapi memungkinkan untuk memahami sekilas bahwa variabel ini berisi sekelompok elemen dan semua metode jQuery dapat diterapkan pada variabel ini.

Mari kita gunakan ini dalam contoh kami dengan kode HTML di bawah ini:

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

Sedangkan JavaScript terlihat seperti ini:

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

Demikian pula untuk menyisipkan teks, Anda dapat menerapkan metode text:

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

Untuk semua h3 dengan menggunakan metode text atur teks '!!!'.