Penambahan dan Penyingkiran Kelas Secara Ketat dengan Kaedah toggleClass dalam jQuery

Dalam toggleClass, anda juga boleh menghantar parameter keadaan, seperti true atau false, maka kelas akan sama ada hanya ditambah atau hanya disingkirkan.

Katakan kita mempunyai kelas CSS berikut:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

Kelas zzz digunakan pada perenggan:

<p class="zzz" id="test">teks</p>
<button>klik</button>

Mari kita hanya tambah kelas red apabila ditekan:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Seperti yang anda lihat, tiada perubahan yang berlaku apabila ditekan semula.

Ketiga-tiga kaedah yang disenaraikan untuk bekerja dengan kelas - addClass, removeClass, toggleClass juga boleh menerima berbilang kelas sebagai parameter, dan membenarkan penggunaan fungsi pada setiap elemen dalam set.

Betulkan kod contoh yang diberikan di atas - mula-mula tambahkan kelas red dalam atribut dan kemudian buat supaya kelas red hanya disingkirkan.