Tutorial básico jQuery

Efeitos jQuery

O método toggleClass() alternar entre adicionar e remover uma ou mais classes do elemento selecionado.

Este método verifica o nome da classe especificado para cada elemento:

Mas, ao usarstateParâmetros, você pode especificar apenas remover ou apenas adicionar o nome da classe.

Nome da classe para alternar:

$(selector).toggleClass(className)

UsostateParâmetros de alternância de classe:

$(selector).toggleClass(className, state)

Usar função para alternar classe:

$(selector).toggleClass(function(index, currentClass), state)

Alternar entre adicionar e excluir o nome da classe "anotherClass" em todos os elementos <p>:

Exemplo

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

UsostateParâmetro adiciona ou remove apenas o nome da classe:

Exemplo

$("button").click(function(){
　　$("p").toggleClass("anotherClass", true);
});

Parâmetro	Descrição
className	Especificar para adicionar/Classe(s) removida(s) (separadas por espaço)
state	Um valor booleano, que determina se deve adicionar (true) ou excluir o nome da classe (false)
function(index, currentClass)	Função, que retorna uma ou mais (separadas por espaço) nomes de classe, que serão adicionados ao nome de classe existente ou removidos do nome de classe existente. index-Retornar a posição do elemento na coleção currentClass-Retornar o nome da classe atual do elemento selecionado