Método jQuery toggleClass()
Ejemplo
Alterne entre agregar y eliminar el nombre de clase "principal" para todos los elementos <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Definición y uso
El método toggleClass() alterna entre agregar y eliminar uno o más nombres de clase de los elementos seleccionados.
Este método comprueba cada elemento para los nombres de clase especificados. Los nombres de clase se agregan si faltan y se eliminan si ya están configurados. Esto crea un efecto de alternancia.
Sin embargo, al usar el parámetro "cambiar", puede especificar que solo se elimine o solo se agregue un nombre de clase.
Sintaxis
$(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) |
Pruébelo usted mismo - Ejemplos
de clase Cómo usar el método toggleClass() para alternar entre agregar y eliminar un nombre de clase.
Usar una función para especificar qué nombres de clase se deben alternar para los elementos seleccionados.
Cómo usar el parámetro switch para agregar o eliminar solo un nombre de clase.