jQuery metodo toggleClass()
Esempio
Alterna tra l'aggiunta e la rimozione del nome della classe "principale" per tutti gli elementi <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Definizione e utilizzo
Il metodo toggleClass() 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 vengono aggiunti se mancanti e rimossi se già impostati - Questo crea un effetto di attivazione/disattivazione.
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)
| Parameter | Description |
|---|---|
| classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
| function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
| switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Provalo tu stesso - Esempi
di classe Come utilizzare il metodo toggleClass() per alternare tra l'aggiunta e la rimozione di un nome di classe.
Utilizzo di una funzione per specificare quali nomi di classe devono essere alternati per gli elementi selezionati.
Come utilizzare il parametro switch per aggiungere o rimuovere solo il nome di una classe.