Latest web development tutorials

Metodo jQuery toggleClass ()

jQuery HTML / CSS Metodi jQuery HTML / CSS Metodi

Esempi

Per aggiungere e rimuovere tutti gli elementi <p> ​​nel passaggio di classe "principale":

$("button").click(function(){
$("p").toggleClass("main");
});

Prova »

Definizione e utilizzo

Metodo toggleClass () per aggiungere e rimuovere l'elemento selezionato per passare una o più classi.

Questo metodo controlla ogni elemento della classe specificata. Se la classe non esiste, aggiungere, eliminare, se è stata impostata. Questo è chiamato effetto commutazione.

Tuttavia, utilizzando il parametro "interruttore", si può solo aggiungere o eliminare disposizioni unica classe.


grammatica

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


Esempi

Altri esempi

Aggiungere e rimuovere classi per passare
Come toggleClass () per passare ad aggiungere e rimuovere le classi.

Utilizzare la funzione di cambiare classe
Utilizzare la funzione alla quale le disposizioni del elemento corrente necessaria per cambiare il nome della classe.

Interruttore Utilizzare il parametro
Come utilizzare il parametro di opzione per aggiungere o rimuovere solo un nome di classe.


jQuery HTML / CSS Metodi jQuery HTML / CSS Metodi