jQuery addClass() Methode

jQuery HTML/CSS-Methode

Die Methode addClass() fügt eine oder mehrere Klassennamen zu einem ausgewählten Element hinzu.

Diese Methode löscht keine bestehenden Klassennamen, sondern fügt nur eine oder mehrere Klassennamen zur aktuellen Klassennamenliste hinzu.

Syntax:

Kategorie hinzufügen:

$(selector).addClass(className)

Klasse hinzufügen mit einer Funktion:

$(selector).addClass(function(index, currentClass))

Beispiel

Eine Klasse im ersten <p>-Element hinzufügen:

$("button").click(function(){
　　$("p:first").addClass("highlight");
});

Es können mehrere Klassen (durch Leerzeichen getrennt) gleichzeitig zu einem ausgewählten Element hinzugefügt werden, wie folgt:

$("button").click(function(){
　　$("p:first").addClass("highlight big");
});

Klasse hinzufügen mit einer Funktion:

$("p").addClass(function(index, currentClass) {
　　let addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("Es gibt einen grünen Absatz");
　　}
　　return　addedClass;
});

Verwenden Sie removeClass() zum Entfernen eines Klassennamens und addClass() zum Hinzufügen eines neuen Klassennamens:

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

Parameterwert

jQuery HTML/CSS-Methode