Methode removeClass
Die Methode removeClass entfernt
eine angegebene CSS-Klasse aus dem Attribut
class. Eine
oder mehrere Klassen können gleichzeitig entfernt werden.
Syntax
Eine CSS-Klasse:
$(Selektor).removeClass(Name der CSS-Klasse)
Mehrere CSS-Klassen:
$(Selektor).removeClass('Klasse1 Klasse2 Klasse3 ...')
Anwendung einer Funktion auf jedes Element im Set:
$(Selektor).removeClass(function(Index im Set, aktuelle CSS-Klassen des Elements))
Beispiel
Unser Absatz hat bereits zwei Klassen. Lassen Sie uns
die Klasse www entfernen:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
Der HTML-Code sieht dann so aus:
<p id="test" class="eee">text</p>
Beispiel
Unser Absatz hat bereits eine Klasse. Lassen Sie uns diese Klasse entfernen:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
Der HTML-Code sieht dann so aus:
<p id="test" class="">text</p>
Beispiel
Unser Absatz hat bereits 3 Klassen.
Lassen Sie uns zwei Klassen entfernen - www und
ggg:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
Der HTML-Code sieht dann so aus:
<p id="test" class="eee">text</p>
Siehe auch
-
Methoden
addClass,toggleClass,hasClass -
JavaScript-Eigenschaft
classlist,
mit der CSS-Klassen eines Elements in reinem JavaScript hinzugefügt und entfernt werden können