Metoden removeClass
Metoden removeClass tar bort
en angiven CSS-klass från attributet
class. En
eller flera klasser kan tas bort samtidigt.
Syntax
En CSS-klass:
$(selektor).removeClass(namn på CSS-klass)
Flera CSS-klasser:
$(selektor).removeClass('klass1 klass2 klass3 ...')
Tillämpa en funktion på varje element i uppsättningen:
$(selektor).removeClass(function(nummer i uppsättningen, elementets nuvarande CSS-klasser))
Exempel
Vårt stycke har redan två klasser. Låt oss
ta bort klassen www:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
HTML-koden kommer att se ut så här:
<p id="test" class="eee">text</p>
Exempel
Vårt stycke har redan en klass. Låt oss ta bort denna klass:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
HTML-koden kommer att se ut så här:
<p id="test" class="">text</p>
Exempel
Vårt stycke har redan 3 klasser.
Låt oss ta bort två klasser - www och
ggg:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
HTML-koden kommer att se ut så här:
<p id="test" class="eee">text</p>
Se även
-
metoderna
addClass,toggleClass,hasClass -
JavaScript-egenskapen
classlist,
som kan användas för att lägga till och ta bort CSS- klasser på ett element med ren JavaScript
