Metoda toggleClass
Metoda toggleClass alternon shtimin/heqjen
e klasës CSS: nëse nuk ekziston - e shton, nëse ekziston - e heq.
Sintaksa
Një klasë CSS:
$(selector).toggleClass(emri i klasës);
Të shtohet ose hiqet klasa CSS vetëm në varësi
të parametrit të dytë, i cili pranon vlera
true ose false:
$(selector).toggleClass(emri i klasës CSS, gjendja);
Disa klasa CSS:
$(selector).toggleClass(['klasa1', 'klasa2', 'klasa3', '...']);
Të shtohen ose hiqen klasat CSS vetëm në varësi të parametrit të dytë:
$(selector).toggleClass(['klasa1', 'klasa2', 'klasa3', '...'], gjendja');
Zbatimi i një funksioni për çdo element në grup,
gjendja mund të jetë true ose false,
dhe i tregon metodës - vetëm të shtojë ose vetëm
të heqë klasën CSS:
$(selector).toggleClass(function(numri në grup, klasat aktuale të elementit, gjendja), [gjendja]);
Shembull
Paragrafi ynë tashmë ka dy klasa. Le t'i
shtojmë edhe klasën www:
<p id="test" class="eee ggg">tekst</p>
$('#test').toggleClass('www');
Kodi HTML do të duket kështu:
<p id="test" class="eee ggg www">tekst</p>
Shembull
Tani klasa www ekziston tashmë në element
- le ta heqim atë:
<p id="test" class="eee ggg www">tekst</p>
$('#test').toggleClass('www');
Kodi HTML do të duket kështu:
<p id="test" class="eee ggg">tekst</p>
Shihni gjithashtu
-
metodat
addClass,removeClass,hasClass -
Vetia JavaScript
classList,
me të cilën mund të alternohet shtimi/heqja e klasës në JavaScript të pastër
