Ejemplo
Alternar entre la adición y la eliminación de la "main" nombre de clase para todos los <p> elementos:
$("button").click(function(){
$("p").toggleClass("main");
});
Inténtalo tú mismo " Definición y Uso
El toggleClass() método alterna entre la adición y la eliminación de uno o más nombres de las clases de los elementos seleccionados.
Este método comprueba cada elemento de los nombres de las clases especificadas. Los nombres de las clases se agregan si falta, y eliminado si ya está establecido - esto crea un efecto de palanca.
Sin embargo, mediante el parámetro "interruptor", sólo se puede especificar para eliminar o sólo añadir un nombre de clase.
Sintaxis
$(selector).toggleClass(classname,function(index,currentclass),switch)| Parámetro | Descripción |
|---|---|
| classname | Necesario. Especifica uno o más nombres de clase para agregar o quitar. Para especificar varias clases, separar los nombres de las clases con un espacio |
| function(index,currentclass) | Opcional. Especifica una función que devuelve uno o más nombres de clase para añadir / quitar
|
| cambiar | Opcional. Un valor booleano que especifica si la clase sólo debe agregarse (true) o sólo ser removido (false) |
Inténtelo usted mismo - Ejemplos
Alternar entre agregar y quitar un nombre de clase
Como utilizar el toggleClass() método para alternar entre la adición y eliminación de un nombre de clase.
Clases de palanca utilizando una función
Utilizando una función para especificar los nombres de clase deben activarse para los elementos seleccionados.
Utilizando el parámetro modificador
Cómo utilizar el parámetro interruptor sólo para añadir o eliminar un nombre de clase.