Kaedah toggleClass
Kaedah toggleClass berselang-seli menambah/memadam
kelas CSS: jika tiada - akan menambah, jika ada - akan memadam.
Sintaks
Satu kelas CSS:
$(pemilih).toggleClass(nama kelas);
Hanya menambah atau memadam kelas CSS bergantung
pada parameter kedua, yang menerima nilai
true atau false:
$(pemilih).toggleClass(nama kelas CSS, keadaan);
Beberapa kelas CSS:
$(pemilih).toggleClass(['kelas1', 'kelas2', 'kelas3', '...']);
Hanya menambah atau memadam kelas CSS bergantung pada parameter kedua:
$(pemilih).toggleClass(['kelas1', 'kelas2', 'kelas3', '...'], keadaan');
Menggunakan fungsi untuk setiap elemen dalam set,
keadaan boleh true atau false,
dan menunjukkan kepada kaedah - hanya menambah atau hanya
memadam kelas CSS:
$(pemilih).toggleClass(function(nombor dalam set, kelas semasa elemen, keadaan), [keadaan]);
Contoh
Perenggan kami sudah mempunyai dua kelas. Mari
tambahkan kelas www:
<p id="test" class="eee ggg">teks</p>
$('#test').toggleClass('www');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="eee ggg www">teks</p>
Contoh
Dan sekarang kelas www sudah ada dalam elemen
- mari padamkannya:
<p id="test" class="eee ggg www">teks</p>
$('#test').toggleClass('www');
Kod HTML akan kelihatan seperti ini:
<p id="test" class="eee ggg">teks</p>
Lihat juga
-
kaedah
addClass,removeClass,hasClass -
Property JavaScript
classList,
yang boleh digunakan untuk berselang-seli menambah/memadam kelas dalam JavaScript tulen
