jQuery addClass() Methode

❮ jQuery HTML/CSS-methoden

Voorbeeld

Voeg een klassenaam toe aan het eerste <p> element:

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

Definitie en gebruik

De methode addClass() voegt een of meer klassenamen toe aan de geselecteerde elementen.

Deze methode verwijdert geen bestaande klasseattributen, maar voegt alleen een of meer klassenamen toe aan het klasseattribuut.

Tip: Als u meer dan één klas wilt toevoegen, scheidt u de klasnamen met spaties.


Syntaxis

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

Probeer het zelf - Voorbeelden


toevoegen Hoe u twee klassennamen aan een bepaald element kunt toevoegen.


Klassen toevoegen aan geselecteerde elementen met behulp van een functie.


Hoe addClass() en removeClass() te gebruiken om één klassenaam te verwijderen en een nieuwe klassenaam toe te voegen.


❮ jQuery HTML/CSS-methoden