Metode addClass

Metode addClass menambahkan kelas CSS yang ditentukan ke elemen.

Sintaks

Satu kelas CSS:

javascript$(selektor).addClass(nama kelas CSS);

Beberapa kelas CSS (dalam string):

javascript$(selektor).addClass('kelas1 kelas2 kelas3 ...');

Beberapa kelas CSS (dalam array):

javascript$(selektor).addClass(['kelas1', 'kelas2', 'kelas3', '...']);

Menerapkan fungsi ke setiap elemen dalam kumpulan:

javascript$(selektor).addClass(function(nomor dalam kumpulan, kelas CSS saat ini dari elemen));

Contoh

Paragraf kita sama sekali tidak memiliki kelas. Mari tambahkan kelas www ke dalamnya:

html<p id="test">teks</p>

javascript$('#test').addClass('www');

Kode HTML akan terlihat seperti ini:

html<p id="test" class="www">teks</p>

Contoh

Paragraf kita sudah memiliki kelas. Mari tambahkan kelas www ke dalamnya:

html<p id="test" class="eee">teks</p>

javascript$('#test').addClass('www');

Kode HTML akan terlihat seperti ini:

html<p id="test" class="eee www">teks</p>

Contoh

Paragraf kita sudah memiliki dua kelas. Mari tambahkan kelas www ke dalamnya:

html<p id="test" class="eee ggg">teks</p>

javascript$('#test').addClass('www');

Kode HTML akan terlihat seperti ini:

html<p id="test" class="eee ggg www">teks</p>

Contoh

Paragraf kita sudah memiliki kelas. Mari tambahkan dua kelas lagi - www dan ggg:

html<p id="test" class="eee">teks</p>

javascript$('#test').addClass('www ggg');

Kode HTML akan terlihat seperti ini:

html<p id="test" class="eee www ggg">teks</p>

Lihat juga