Кушодану тозаи қатъӣ ва илова кардани синф бо усули toggleClass дар jQuery

Инчунин дар 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 танҳо тоза шавад.