Strogo odstranjevanje in dodajanje razreda z metodo toggleClass v jQuery
Prav tako lahko v toggleClass podamo
parameter stanja, kot true ali false,
potem bo razred ali samo dodan ali
samo odstranjen.
Imejmo naslednje CSS razrede:
.red {
color: red;
}
.zzz {
font-style: italic;
}
K odstavku se uporablja razred zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Dodajmo samo razred red
ob kliku:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Kot vidite, ob ponovnem kliku ne pride do nobenih sprememb.
Vse tri naštete metode za delo
z razredi - addClass,
removeClass,
toggleClass
lahko tudi sprejmejo več razredov kot parameter,
in omogočajo uporabo funkcije za vsak element v nizu.
Popravite kodo zgornjega primera - sprva
dopišite razred red v atribut in naredite
tako, da se razred red samo odstrani.
