Metodo jQuery addClass()

jQueryHTML/CSS方法

Il metodo addClass() aggiunge una o più classi all'elemento selezionato.

Questo metodo non elimina le classi esistenti, ma aggiunge una o più classi all'attributo delle classi.

Sintassi:

Aggiungi categoria:

$(selector).addClass(className)

Aggiungi una classe utilizzando una funzione:

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

Esempio

Aggiungi un nome di classe al primo elemento <p>:

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

Puoi aggiungere più classi contemporaneamente (separate da spazi), come ad esempio:

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

Aggiungi una classe utilizzando una funzione:

$("p").addClass(function(index,　currentClass)　{
　　let　addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("有一个绿色的段落");
　　}
　　return　addedClass;
});

使用removeClass()删除一个类名，并用addClass()添加一个新的类名：

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

参数值

jQueryHTML/CSS方法