jQuery - Operazione di attributo - metodo toggleClass()

Manuale di riferimento degli effetti jQuery

Esempio

Cambia l'aggiunta e la rimozione della classe "main" di tutti gli elementi <p>:

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

Prova personalmente

Definizione e uso

toggleClass() commuta l'aggiunta o la rimozione di una o più classi degli elementi selezionati.

Questo metodo verifica se la classe specificata esiste in ogni elemento. Se non esiste, aggiunge la classe; se esiste, la rimuove. Questo è ciò che si chiama effetto di commutazione.

Tuttavia, utilizzando il parametro "switch", è possibile specificare di aggiungere o rimuovere solo la classe.

Sintassi

$().toggleClass(class,switch)
Parametri Descrizione
class

Obbligatorio. Specifica l'elemento specifico da aggiungere o rimuovere la classe.

Per specificare più classi, utilizzare spazi per separare i nomi delle classi.
switch Opzionale. Valore booleano. Specifica se aggiungere o rimuovere la classe.

Usare una funzione per commutare la classe

$().toggleClass(function(index,class),switch)

Prova personalmente

Parametri Descrizione
function(index,class)

Obbligatorio. Specifica la funzione che determina una o più classi da aggiungere o rimuovere.

  • index - Opzionale. Accetta la posizione dell'indice del selettore.
  • class - Opzionale. Accetta la classe attuale del selettore.
switch Opzionale. Valore booleano. Specifica se aggiungere (true) o rimuovere (false) la classe.

Manuale di riferimento degli effetti jQuery