English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery removeClass() Methode

jQuery HTML/CSS Methoden

Die removeClass()-Methode entfernt eine oder mehrere Klassennamen aus den ausgewählten Elementen.

Wenn der Klassennamen als Parameter enthalten ist, wird nur diese Klasse gelöscht.

Wenn der Klassennamen nicht als Parameter angegeben ist, werden alle Klassen gelöscht.

Syntax:

Alle Klassen löschen

$.removeClass()

Spezifische Klasse löschen

$.removeClass(className)

Klassen mit einer Funktion löschen

$.removeClass(function(index, currentClass))

Beispiel

Löschen Sie den Klassennamen "highlight" aus allen <p>-Elementen:

$("button").click(function(){
  $("p").removeClass("highlight");
});
Testen Sie es heraus‹/›

Man kann eine oder mehrere Klassen (durch Leerzeichen getrennt) aus einer Gruppe ausgewählter Elemente löschen, wie folgt:

$("button").click(function(){
  $("p").removeClass("highlight big");
});
Testen Sie es heraus‹/›

Wenn der Klassename im Parameter nicht angegeben ist, werden alle Klassen gelöscht:

$("button").click(function(){
  $("p").removeClass();
});
Testen Sie es heraus‹/›

Verwenden Sie removeClass (entfernen Sie eine Klasse und fügen Sie eine neue Klasse mit addClass() hinzu):

$("button").click(function(){
  $("p").removeClass("red").addClass("green");
});
Testen Sie es heraus‹/›

Parameterwert

ParameterBeschreibung
classNameGeben Sie einen oder mehrere zu löschende (mit Leerzeichen getrennte) Klassennamen an
Beachtung:Wenn dieser Parameter leer ist, werden alle Klassennamen gelöscht
function(index, currentClass)

Funktion, um eine oder mehrere mit Leerzeichen getrennte Klassennamen zu löschen

  • index-Rückgabe der Indexposition des Elements im Satz

  • currentClass-Rückgabe des aktuellen Klassennamens des ausgewählten Elements

jQuery HTML/CSS Methoden