Griežtas klasės pašalinimas ir pridėjimas naudojant toggleClass metodą jQuery

Taip pat į toggleClass galima perduoti būsenos parametrą, pvz., true arba false, tada klasė bus arba tik pridedama, arba tik pašalinama.

Tarkime, kad turime šias CSS klases:

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

Prie pastraipos taikoma klasė zzz:

html<p class="zzz" id="test">text</p>
<button>click</button>

Paspausdami pridėsime tik klasę red:

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

Kaip matote, paspaudus pakartotinai neįvyksta jokių pakeitimų.

Visi trys minėti metodai darbui su klasėmis - addClass, removeClass, toggleClass taip pat gali priimti kelias klases kaip parametrą, ir leidžia taikyti funkciją kiekvienam elementų rinkinio elementui.