Kaedah addClass
Kaedah addClass menambah
kelas CSS yang ditentukan kepada elemen.
Sintaks
Satu kelas CSS:
$(pemilih).addClass(nama kelas CSS);
Beberapa kelas CSS (sebagai rentetan):
$(pemilih).addClass('kelas1 kelas2 kelas3 ...');
Beberapa kelas CSS (sebagai tatasusunan):
$(pemilih).addClass(['kelas1', 'kelas2', 'kelas3', '...']);
Menggunakan fungsi untuk setiap elemen dalam set:
$(pemilih).addClass(function(nombor dalam set, kelas CSS semasa elemen));
Contoh
Perenggan kami tidak mempunyai kelas sama sekali. Mari
tambahkan kelas www kepadanya:
<p id="test">teks</p>
$('#test').addClass('www');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="www">teks</p>
Contoh
Perenggan kami sudah mempunyai kelas. Mari tambahkan
kelas www kepadanya:
<p id="test" class="eee">teks</p>
$('#test').addClass('www');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="eee www">teks</p>
Contoh
Perenggan kami sudah mempunyai dua kelas. Mari
tambahkan kelas www kepadanya:
<p id="test" class="eee ggg">teks</p>
$('#test').addClass('www');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="eee ggg www">teks</p>
Contoh
Perenggan kami sudah mempunyai kelas. Mari tambahkan
dua kelas lagi kepadanya - www dan ggg:
<p id="test" class="eee">teks</p>
$('#test').addClass('www ggg');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="eee www ggg">teks</p>
Lihat juga
-
kaedah
removeClass,toggleClass,hasClass -
Properti JavaScript
classlist,
yang boleh digunakan untuk menambah dan mengalih keluar kelas CSS elemen dalam JavaScript tulen
