Metoden removeClass
Metoden removeClass fjerner
den angivne CSS-klasse fra attributten
class. En
eller flere klasser kan fjernes på samme tid.
Syntaks
En enkelt CSS-klasse:
$(selektor).removeClass(navn på CSS-klasse)
Flere CSS-klasser:
$(selektor).removeClass('klasse1 klasse2 klasse3 ...')
Anvendelse af en funktion på hvert element i sættet:
$(selektor).removeClass(function(nummer i sættet, elementets nuværende CSS-klasser))
Eksempel
Vores afsnit har allerede to klasser. Lad os
fjerne klassen www:
<p id="test" class="eee www">tekst</p>
$('#test').removeClass('www');
HTML-koden vil nu se sådan ud:
<p id="test" class="eee">tekst</p>
Eksempel
Vores afsnit har allerede en klasse. Lad os fjerne denne klasse:
<p id="test" class="www">tekst</p>
$('#test').removeClass('www');
HTML-koden vil nu se sådan ud:
<p id="test" class="">tekst</p>
Eksempel
Vores afsnit har allerede 3 klasser.
Lad os fjerne to klasser - www og
ggg:
<p id="test" class="eee www ggg">tekst</p>
$('#test').removeClass('www ggg');
HTML-koden vil nu se sådan ud:
<p id="test" class="eee">tekst</p>
Se også
-
metoderne
addClass,toggleClass,hasClass -
JavaScript-egenskaben
classlist,
som kan bruges til at tilføje og fjerne CSS- klasser fra et element med ren JavaScript