Metoden toggleClass
Metoden toggleClass veksler mellom å legge til/fjerne
CSS-klasse: hvis den ikke finnes - legger den til, hvis den finnes - fjerner den den.
Syntaks
Én CSS-klasse:
$(selector).toggleClass(klassenavn);
Bare legg til eller fjern CSS-klasse avhengig
av den andre parameteren, som tar verdier
true eller false:
$(selector).toggleClass(CSS-klassenavn, tilstand);
Flere CSS-klasser:
$(selector).toggleClass(['klasse1', 'klasse2', 'klasse3', '...']);
Bare legg til eller fjern CSS-klasser avhengig av den andre parameteren:
$(selector).toggleClass(['klasse1', 'klasse2', 'klasse3', '...'], tilstand');
Bruk funksjon på hvert element i settet,
tilstand kan være true eller false,
og indikerer til metoden - bare legg til eller bare
fjern CSS-klasse:
$(selector).toggleClass(function(nummer i settet, elementets nåværende klasser, tilstand), [tilstand]);
Eksempel
Vårt avsnitt har allerede to klasser. La oss
legge til klassen www også:
<p id="test" class="eee ggg">tekst</p>
$('#test').toggleClass('www');
HTML-koden vil se slik ut:
<p id="test" class="eee ggg www">tekst</p>
Eksempel
Og nå finnes klassen www allerede i elementet
- la oss fjerne den:
<p id="test" class="eee ggg www">tekst</p>
$('#test').toggleClass('www');
HTML-koden vil se slik ut:
<p id="test" class="eee ggg">tekst</p>
Se også
-
metodene
addClass,removeClass,hasClass -
JavaScript-egenskapen
classList,
som kan brukes til å veksle mellom å legge til/fjerne klasse i ren JavaScript
