Streng fjerning og tilføyelse av klasse med toggleClass-metoden i jQuery
Også i toggleClass kan du sende
en statsparameter, som true eller false,
da vil klassen enten bare bli lagt til, eller
bare fjernes.
La oss si at vi har følgende CSS-klasser:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Klassen zzz brukes på avsnittet:
<p class="zzz" id="test">text</p>
<button>click</button>
La oss bare legge til klassen red
ved klikk:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Som du ser, skjer det ingen endringer ved gjentatt klikk.
Alle de tre nevnte metodene for å jobbe
med klasser - addClass,
removeClass,
toggleClass
kan også ta flere klasser som parameter,
og tillater bruk av en funksjon på hvert element i settet.
Korriger kodeeksemplet gitt ovenfor - først
legg til klassen red i attributtet og gjør
deretter slik at klassen red bare fjernes.
