Heqja dhe shtrejtë e shtimit të klasës me metodën toggleClass në jQuery
Gjithashtu në toggleClass mund të kaloni
parametrin e gjendjes, si true ose false,
atëherë klasa ose do të shtohet, ose
do të hiqet.
Le të kemi klasat e mëposhtme CSS:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Klasa zzz aplikohet në paragraf:
<p class="zzz" id="test">text</p>
<button>click</button>
Le të shtojmë vetëm klasën red
gjatë klikimit:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Siç e shihni, në shtypjen e përsëritur nuk ndodh asnjë ndryshim.
Të tre metodat e përmendura për punën
me klasa - addClass,
removeClass,
toggleClass
mund të marrin gjithashtu si parametër disa klasa,
dhe gjithashtu lejojnë aplikimin e një funksioni për çdo element në grup.
Korrigjoni kodin e shembullit të dhënë më lart - fillimisht
shkruani klasën red në atribut dhe më pas bëni
që klasa red të hiqet vetëm.
