Esempio
Alterna tra l'aggiunta e la rimozione del "main" nome di classe per tutti <p> elementi:
$("button").click(function(){
$("p").toggleClass("main");
});
Prova tu stesso " Definizione e utilizzo
Il toggleClass() metodo alterna tra l'aggiunta e la rimozione di uno o più nomi di classe dagli elementi selezionati.
Questo metodo controlla ogni elemento per i nomi di classe specificati. I nomi delle classi sono aggiunti se mancante, e rimosso se già impostato - Questo crea un effetto leva.
Tuttavia, utilizzando il parametro "switch", è possibile specificare di rimuovere solo, o aggiungere solo un nome di classe.
Sintassi
$(selector).toggleClass(classname,function(index,currentclass),switch)| Parametro | Descrizione |
|---|---|
| classname | Richiesto. Specifica uno o più nomi di classe per aggiungere o rimuovere. Per specificare diverse classi, separare i nomi delle classi con uno spazio |
| function(index,currentclass) | Facoltativo. Specifica una funzione che restituisce uno o più nomi di classe per aggiungere / rimuovere
|
| interruttore | Facoltativo. Un valore booleano che specifica se deve essere aggiunta la classe unica (true) , oppure solo essere rimosso (false) |
Provate voi stessi - Esempi
Passare da aggiungere e rimuovere un nome di classe
Come utilizzare il toggleClass() metodo per passare da aggiungere e rimuovere un nome di classe.
Classi Toggle utilizzando una funzione di
L'utilizzo di una funzione per specificare che i nomi di classe deve essere attivata per gli elementi selezionati.
Utilizzando il parametro interruttore
Come utilizzare il parametro di opzione per aggiungere o rimuovere solo un nome di classe.