Metode addClass
Metode addClass menambahkan
kelas CSS yang ditentukan ke elemen.
Sintaks
Satu kelas CSS:
$(selektor).addClass(nama kelas CSS);
Beberapa kelas CSS (dalam string):
$(selektor).addClass('kelas1 kelas2 kelas3 ...');
Beberapa kelas CSS (dalam array):
$(selektor).addClass(['kelas1', 'kelas2', 'kelas3', '...']);
Menerapkan fungsi ke setiap elemen dalam kumpulan:
$(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:
<p id="test">teks</p>
$('#test').addClass('www');
Kode HTML akan terlihat seperti ini:
<p id="test" class="www">teks</p>
Contoh
Paragraf kita sudah memiliki kelas. Mari tambahkan
kelas www ke dalamnya:
<p id="test" class="eee">teks</p>
$('#test').addClass('www');
Kode HTML akan terlihat seperti ini:
<p id="test" class="eee www">teks</p>
Contoh
Paragraf kita sudah memiliki dua kelas. Mari
tambahkan kelas www ke dalamnya:
<p id="test" class="eee ggg">teks</p>
$('#test').addClass('www');
Kode HTML akan terlihat seperti ini:
<p id="test" class="eee ggg www">teks</p>
Contoh
Paragraf kita sudah memiliki kelas. Mari tambahkan
dua kelas lagi - www dan ggg:
<p id="test" class="eee">teks</p>
$('#test').addClass('www ggg');
Kode HTML akan terlihat seperti ini:
<p id="test" class="eee www ggg">teks</p>
Lihat juga
-
metode
removeClass,toggleClass,hasClass -
Properti JavaScript
classlist,
yang dapat digunakan untuk menambahkan dan menghapus kelas CSS elemen dengan JavaScript murni
