Método toggleClass() de jQuery para la manipulación de atributos

Manual de efectos jQuery

Ejemplo

Cambia entre establecer y eliminar la clase "main" de todos los elementos <p>:

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

Prueba por ti mismo

Definición y uso

toggleClass() cambia entre establecer o eliminar una o más clases en los elementos seleccionados.

Este método verifica cada clase especificada en cada elemento. Si no existe, se añade la clase; si ya está configurada, se elimina. Esto se conoce como efecto de conmutación.

Sin embargo, utilizando el parámetro "switch", puede especificar solo eliminar o solo añadir clases.

Sintaxis

$().toggleClass(class,switch)
Parámetros Descripción
class

Obligatorio. Define el elemento específico al que se añadirá o se eliminará la clase.

Si se desean especificar varias clases, utilice espacios para separar los nombres de las clases.
switch Opcional. Valor booleano. Define si se añade o se elimina la clase.

Usar una función para cambiar la clase

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

Prueba por ti mismo

Parámetros Descripción
function(index,class)

Obligatorio. Define la función que especifica una o más clases que se deben añadir o eliminar.

  • index - Opcional. Acepta la posición del índice del selector.
  • class - Opcional. Acepta la clase actual del selector.
switch Opcional. Valor booleano. Define si se añade (true) o se elimina (false) la clase.

Manual de efectos jQuery