Menambahkan Kelas ke Elemen dalam jQuery

Ingatlah bahwa dalam atribut class dalam kode HTML, Anda dapat menulis beberapa kelas dipisahkan dengan spasi.

Bayangkan situasi seperti ini - Anda ingin menambahkan kelas baru ke kelas yang sudah ada, tanpa menghapus kelas-kelas tersebut. Dalam hal ini, hanya dengan melakukan .attr('class', 'new-class') tidak akan berhasil (dengan menggunakan metode attr) - Anda akan menghapus kelas-kelas yang sudah ada dalam atribut.

Anda tentu saja bisa pertama-tama membaca kelas-kelas yang ada di sana, lalu menambahkan kelas kami ke kelas-kelas tersebut dengan spasi dan menulis semuanya kembali ke dalam atribut, tetapi ada cara yang lebih mudah - di jQuery untuk hal-hal seperti itu telah disediakan metode addClass.

Metode addClass memungkinkan Anda menambahkan kelas ke elemen (atau elemen-elemen), tanpa menghapus kelas-kelas lainnya. Kelas yang Anda ingin tambahkan ke elemen, diterima sebagai parameter dari metode ini.

Dalam contoh berikut, kami memiliki elemen dengan dua kelas - class="www zzz":

Kita dapat menambahkan kelas ketiga padanya - kkk. Sebagai hasilnya, isi atribut akan menjadi seperti ini - class="www zzz kkk":

Kode HTML akan terlihat seperti ini: