jQuery egenskapsåterkallning - addClass() metod

Exempel

Lägg till en klass till den första p-elementet:

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

Prova själv

Definition och användning

addClass() metoden lägger till en eller flera klasser till valda element.

Denna metod tar inte bort befintliga class-attribut, utan lägger till en eller flera class-attribut.

Tips:För att lägga till flera klasser, använd mellanslag för att separera klassnamnen.

Syntax

$(selector).addClass(class)
Parameter Beskrivning
class Obligatoriskt. Ange ett eller flera klassnamn.

Använd en funktion för att lägga till klasser

Använd en funktion för att lägga till klasser till valda element.

Syntax

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

Prova själv

Parameter Beskrivning
function(index,oldclass)

Obligatoriskt. Anger en funktion som returnerar en eller flera att lägga till klassnamn.

  • index - Valfritt. Index-positionen för selektorn.
  • class - Valfritt. Välj den gamla klassnamnet för selektorn.

Mer exempel

Lägg till två klasser till elementet
Hur man lägger till två klasser till valda element.
Ändra elementets klass
Som alla som använder addClass() och removeClass() för att ta bort klasser och lägga till nya klasser.