Metody toggleClass
Metody toggleClass CSS klasyny goşmak/aýyrmak arasynda gezekleşýär:
ýok bolsa goşýar, bar bolsa aýyrýar.
Sintaksis
Bir CSS klassy:
$(selektor).toggleClass(klass aty);
Diňe ikinji parametriň bahalaryna true ýa-da
false laýyklykda CSS klasyny goşmak ýa-da aýyrmak:
$(selektor).toggleClass(CSS klass aty, ýagdaýy);
Birnäçe CSS klasslary:
$(selektor).toggleClass(['klass1', 'klass2', 'klass3', '...']);
Diňe ikinji parametre laýyklykda CSS klasslary goşmak ýa-da aýyrmak:
$(selektor).toggleClass(['klass1', 'klass2', 'klass3', '...'], ýagdaýy);
Topardaky her elemente funksiýany ulanyp,
ýagdaýy true ýa-da false bolup,
metoda diňe goşmak ýa-da diňe aýyrmak ýörelgesini görkezýär:
$(selektor).toggleClass(function(topardaky tertip belgisi, elementdäki häzirki klasslar, ýagdaýy), [ýagdaýy]);
Mysal
Bizim abzasyňyzda eýýäm iki klassy bar. Geliň
ona ýene bir www klasyny goşalyň:
<p id="test" class="eee ggg">tekst</p>
$('#test').toggleClass('www');
HTML kody şeýle görüner:
<p id="test" class="eee ggg www">tekst</p>
Mysal
Indi bolsa www klassy elementde bar
- geliň ony aýyralyň:
<p id="test" class="eee ggg www">tekst</p>
$('#test').toggleClass('www');
HTML kody şeýle görüner:
<p id="test" class="eee ggg">tekst</p>
Şeýle-de görüň
-
metodlar
addClass,removeClass,hasClass -
JavaScript aýratynlygy
classList,
onuň kömegi bilen dury JavaScript-de klass goşmak/aýyrmak gezekleşdirilip bilner
