Menambah Kelas kepada Elemen dalam jQuery

Ingatkan, dalam atribut class dalam kod HTML, anda boleh menulis beberapa kelas dipisahkan dengan ruang.

Bayangkan situasi ini - anda mahu menambah kelas baru kepada kelas sedia ada, tanpa memadamkan kelas-kelas tersebut. Dalam kes ini, jika hanya melakukan .attr('class', 'new-class') tidak akan berjaya (dengan menggunakan kaedah attr) - anda akan memadamkan kelas-kelas yang sudah ada dalam atribut tersebut.

Anda boleh, sudah tentu, pertama membaca kelas-kelas yang sudah ada di sana, kemudian tambahkan kelas kami kepada mereka dipisahkan dengan ruang dan tulis semula semua ke dalam atribut, tetapi terdapat cara yang lebih mudah - dalam jQuery untuk perkara seperti ini, kaedah addClass telah disediakan.

Kaedah addClass membenarkan anda menambah kelas kepada elemen (atau elemen-elemen), tanpa memadamkan kelas-kelas lain. Kelas yang anda mahu tambah ke dalam elemen, diterima sebagai parameter kaedah ini.

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

Kami boleh menambah kelas ketiga kepadanya - kkk. Hasilnya, kandungan atribut akan menjadi seperti ini - class="www zzz kkk":

Kod HTML akan kelihatan seperti ini: