English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo jQuery toggleClass()

Metodi HTML/CSS jQuery

Il metodo toggleClass() commuta tra aggiungere e rimuovere una o più classi selezionate.

Questo metodo verifica il nome della classe specificata per ogni elemento:

  • Se il nome della classe mancante, aggiungilo

  • Se è già stato impostato il nome della classe, rimuovilo

Ma, utilizzandostateParametro, puoi specificare di rimuovere solo o aggiungere solo il nome della classe.

Sintassi:

Nome della classe da commutare:

$(selector).toggleClass(className)

UsastateParametro di commutazione della classe:

$(selector).toggleClass(className, state)

Utilizzare la funzione per commutare la classe:

$(selector).toggleClass(function(index, currentClass), state)

Esempio

Cambia tra aggiungere e rimuovere la classe "anotherClass" su tutti gli elementi <p>:

$("button").click(function(){
  $("p").toggleClass("anotherClass");
});
Testa per vedere‹/›

UsastateParametro per aggiungere o rimuovere solo il nome della classe:

$("button").click(function(){
  $("p").toggleClass("anotherClass", true);
});
Testa per vedere‹/›

Valore del parametro

ParametroDescrizione
classNameSpecificare una o più (separati da spazi) classi da aggiungere/rimuovere
stateUn valore booleano che determina se deve essere aggiunta (true) o rimossa (false) la classe
function(index, currentClass)Funzione che restituisce uno o più (separati da spazi) nomi di classe, che verranno aggiunti ai nomi di classe esistenti o rimossi.
  • index-Restituire la posizione dell'elemento nell'insieme

  • currentClass-Restituire il nome della classe corrente dell'elemento selezionato

Metodi HTML/CSS jQuery