Latest web development tutorials

jQuery toggleClass () Método

jQuery HTML / CSS Métodos jQuery HTML / CSS Métodos

Exemplos

Para adicionar e remover todos os elementos <p> na mudança de classe "main":

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

tente »

Definição e Uso

toggleClass () para adicionar e remover o elemento selecionado para mudar uma ou mais classes.

Este método verifica cada elemento da classe especificada. Se a classe não existe, adicionar, excluir-lo se você tiver definido. Este efeito é chamado de comutação.

No entanto, usando o parâmetro "switch", só é possível adicionar ou excluir disposições única classe.


gramática

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


Exemplos

mais exemplos

Adicionar e remover classes para alternar
Como toggleClass () para mudar para adicionar e remover classes.

Use a função para alternar classe
Use a função para a qual as disposições do elemento corrente necessária para mudar o nome da classe.

interruptor Use parâmetro
Como usar o parâmetro de opção apenas para adicionar ou remover um nome da classe.


jQuery HTML / CSS Métodos jQuery HTML / CSS Métodos