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:

javascript$(Selektor).removeClass(Name der CSS-Klasse)

Mehrere CSS-Klassen:

javascript$(Selektor).removeClass('Klasse1 Klasse2 Klasse3 ...')

Anwendung einer Funktion auf jedes Element im Set:

javascript$(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:

html<p id="test" class="eee www">text</p>

javascript$('#test').removeClass('www');

Der HTML-Code sieht dann so aus:

html<p id="test" class="eee">text</p>

Beispiel

Unser Absatz hat bereits eine Klasse. Lassen Sie uns diese Klasse entfernen:

html<p id="test" class="www">text</p>

javascript$('#test').removeClass('www');

Der HTML-Code sieht dann so aus:

html<p id="test" class="">text</p>

Beispiel

Unser Absatz hat bereits 3 Klassen. Lassen Sie uns zwei Klassen entfernen - www und ggg:

html<p id="test" class="eee www ggg">text</p>

javascript$('#test').removeClass('www ggg');

Der HTML-Code sieht dann so aus:

html<p id="test" class="eee">text</p>

Siehe auch