Método jQuery toggleClass()
Exemplo
Alterne entre adicionar e remover o nome da classe "principal" para todos os elementos <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Definição e uso
O método toggleClass() alterna entre adicionar e remover um ou mais nomes de classe dos elementos selecionados.
Este método verifica cada elemento para os nomes de classe especificados. Os nomes das classes são adicionados se estiverem ausentes e removidos se já estiverem definidos - Isso cria um efeito de alternância.
No entanto, usando o parâmetro "switch", você pode especificar apenas remover ou adicionar apenas um nome de classe.
Sintaxe
$(selector).toggleClass(classname,function(index,currentclass),switch)
| Parameter | Description |
|---|---|
| classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
| function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
| switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Experimente você mesmo - Exemplos
de classe Como usar o método toggleClass() para alternar entre adicionar e remover um nome de classe.
Usar uma função para especificar quais nomes de classe devem ser alternados para os elementos selecionados.
Como usar o parâmetro switch apenas para adicionar ou remover um nome de classe.