jQuery-де toggleClass әдісімен класты қатаң жою және қосу

Сондай-ақ toggleClass-ке true немесе false сияқты күй параметрін беруге болады, сонда класс тек қосылады немесе тек жойылады.

Бізде келесі CSS кластары бар делік:

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

Абзацқа zzz класы қолданылады:

html<p class="zzz" id="test">мәтін</p>
<button>басу</button>

Басу кезінде red класын тек қоса берейік:

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

Көріп отырғаныңыздай, қайта басу кезінде ешқандай өзгеріс болмайды.

Кластармен жұмыс істеуге арналған аталған үш әдіс - addClass, removeClass, toggleClass параметр ретінде бірнеше клас қабылдай алады, сонымен қатар жиынтықтағы әрбір элементке функцияны қолдануға мүмкіндік береді.