Stingrs klases noņemšana un pievienošana ar toggleClass metodi jQuery
Arī toggleClass var padot
stāvokļa parametru, kā true vai false,
tad klase tiks vai nu tikai pievienota, vai
tikai noņemta.
Pieņemsim, ka mums ir šādas CSS klases:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Rindkopai tiek piemērota klase zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Pievienosim tikai klasi red
noklikšķinot:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Kā redzat, atkārtoti noklikšķinot, nenotiek nekādas izmaiņas.
Visas trīs minētās metodes darbam
ar klasēm - addClass,
removeClass,
toggleClass
var arī pieņemt vairākas klases kā parametru,
un atļauj arī funkcijas piemērošanu katram elementam komplektā.
Izlabojiet iepriekš dotā piemēra kodu - sākotnēji
pievienojiet klasi red atribūtā un pēc tam
uzstādiet tā, lai klase red tiktu tikai noņemta.
