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

Manual de efectos jQuery

Ejemplo

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

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

Prueba tu 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, al usar el parámetro "switch", puede especificar que solo se añada o se elimine la clase.

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 deben definir 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 tu mismo

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

Obligatorio. Define la función que regresa uno o más nombres de clases que se deben añadir o eliminar.

  • index - Opcional. Acepta la posición index 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