jQuery addClass() Methode

❮ jQuery HTML/CSS-Methoden

Beispiel

Fügen Sie dem ersten <p>-Element einen Klassennamen hinzu:

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

Definition und Verwendung

Die Methode addClass() fügt den ausgewählten Elementen einen oder mehrere Klassennamen hinzu.

Diese Methode entfernt keine vorhandenen Klassenattribute, sondern fügt dem Klassenattribut nur einen oder mehrere Klassennamen hinzu.

Tipp: Um mehr als eine Klasse hinzuzufügen, trennen Sie die Klassennamen durch Leerzeichen.


Syntax

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Probieren Sie es selbst aus - Beispiele


So fügen Sie zwei Klassennamen zu einem bestimmten Element hinzu.


hinzufügen So fügen Sie Klassen mit einer Funktion zu ausgewählten Elementen hinzu.


ändern So verwenden Sie addClass() und removeClass(), um einen Klassennamen zu entfernen und einen neuen Klassennamen hinzuzufügen.


❮ jQuery HTML/CSS-Methoden