jQuery да toggleClass методида классни қатъий ўчириш ва қўшиш

Шунингдек, toggleClass га true ёки false ҳолат параметрини бериш мумкин, унда класс ёки фақат қўшилади, ёки фақат ўчирилади.

Бизда куйидаги CSS класслари мавжуд деб фараз қилайлик:

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

Абзацга zzz класси қўлланилган:

<p class="zzz" id="test">матн</p>
<button>боскинг</button>

Куйида босилганда фақат red классни қўшамиз:

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

Кўриб турганингиздек, такрорланган босилганда ҳеч қандай ўзгартиришлар содир бўлмайди.

Класслар билан ишлаш учун келтирилган учта метод - addClass, removeClass, toggleClass шунгингдек параметр сифатида бир нечта классни қабул қилиши мумкин, ва шунингдек тўпламдаги ҳар бир элементга функцияни қўллаш имконини беради.

Юқорида келтирилган код мисолини тузатинг - бошланғичда red классни атрибутга ёзиб қўйинг ва сўнгра red класс фақат ўчириладиган қилинг.