Neueste Web-Entwicklung Tutorials
 

jQuery addClass() Method

<JQuery HTML / CSS - Methoden

Beispiel

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

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

Definition und Verwendung

Die addClass() Methode fügt eine oder mehrere Klassennamen für die ausgewählten Elemente.

Diese Methode ist nicht vorhandene Klasse Attribute zu entfernen, es fügt nur eine oder mehrere Klassennamen der Klasse Attribut.

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


Syntax

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

Parameter Beschreibung
classname Erforderlich. Gibt eine oder mehrere Klassennamen hinzugefügt werden
function(index,currentclass) Optional. Gibt eine Funktion, die eine oder mehrere Klassennamen zurück hinzugefügt werden
  • index - Gibt die Indexposition des Elements im Set
  • currentclass - Liefert die aktuelle Klassenname des ausgewählten Elements

Probieren Sie es selbst - Beispiele

Fügen Sie zwei Klassen zu einem Element
Wie zwei Klassennamen auf ein bestimmtes Element hinzuzufügen.

In Klassen mit Hilfe einer Funktion
Wie fügt Klassen zu ausgewählten Elementen eine Funktion.

Ändern Sie den Klassennamen eines Elements
Wie zu verwenden addClass() und removeClass() einen Klassennamen zu entfernen und einen neuen Klassennamen hinzuzufügen.


<JQuery HTML / CSS - Methoden