jQuery Eigenschapsbeheer - addClass() Methode

jQuery Effect Referenties Handleiding

Voorbeeld

Voeg een klasse toe aan het eerste p-element:

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

Probeer het zelf

Definitie en gebruik

De addClass() methode voegt een of meerdere klassen toe aan een geselecteerd element.

Deze methode verwijdert geen bestaande class-eigenschappen, maar voegt slechts een of meerdere class-eigenschappen toe.

Tip:Gebruik spaties om meerdere klassen te scheiden wanneer je meerdere klassen wilt toevoegen.

Syntaxis

$(selector).addClass(class)
Parameters Beschrijving
class Verplicht. Een of meerdere classnamen regelen.

Klassen toevoegen met een functie

Gebruik een functie om klassen toe te voegen aan een geselecteerd element.

Syntaxis

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

Probeer het zelf

Parameters Beschrijving
function(index,oldclass)

Verplicht. De functie die een of meerdere te toevoegen classnamen regelt.

  • index - Optioneel. De indexpositie van de selector.
  • class - Optioneel. De oude classnaam van de selector.

Meer voorbeelden

Twee klassen toevoegen aan een element
Hoe je twee klassen toevoegt aan een geselecteerd element.
Verander de klasse van een element
Net zoals elk gebruik van addClass() en removeClass() om class te verwijderen en nieuwe class toe te voegen.

jQuery Effect Referenties Handleiding