Método toggleClass() de operação de atributo do jQuery

Manual de referência de efeitos do jQuery

Exemplo

Alternar entre definir e remover a classe "main" de todos os elementos <p>:

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

Experimente você mesmo

Definição e uso

toggleClass() alternar entre definir ou remover uma ou mais classes dos elementos selecionados.

Este método verifica cada classe especificada em cada elemento. Se não existir, adiciona a classe; se já estiver configurada, remove-a. Isso é conhecido como efeito de alternância.

No entanto, ao usar o parâmetro "switch", você pode especificar apenas a adição ou a exclusão de classes.

Sintaxe

$().toggleClass(class,switch)
Parâmetros Descrição
class

Obrigatório. Define o elemento específico que deve adicionar ou remover a classe.

Para especificar várias classes, use espaços para separá-las.
switch Opcional. Booleano. Define se deve adicionar ou remover a classe.

Usar função para alternar classe

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

Experimente você mesmo

Parâmetros Descrição
function(index,class)

Obrigatório. Define a função que especifica um ou mais nomes de classe a serem adicionados ou removidos.

  • index - Opcional. Aceita a posição index do seletor.
  • class - Opcional. Aceita a classe atual do seletor.
switch Opcional. Booleano. Define se deve adicionar (true) ou remover (false) a classe.

Manual de referência de efeitos do jQuery