Strikte verwydering en byvoeging van klasse met die toggleClass-metode in jQuery
Ook in toggleClass kan 'n
toestandsparameter oorgedra word, soos true of false,
dan sal die klas óf net bygevoeg word, óf
net verwyder word.
Kom ons het die volgende CSS-klasse:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Klas zzz word op die paragraaf toegepas:
<p class="zzz" id="test">text</p>
<button>click</button>
Kom ons voeg net klas red by
wanneer gedruk word:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Soos jy kan sien, gebeur daar geen veranderinge met 'n herhaalde druk nie.
Al drie genoemde metodes vir werk
met klasse - addClass,
removeClass,
toggleClass
kan ook verskeie klasse as parameter aanvaar,
en laat ook die toepassing van 'n funksie op elke element in die versameling toe.
Korrigeer die kodevoorbeeld hierbo - voeg aanvanklik
klas red by die attribuut en maak
dan so dat klas red net verwyder word.
