Método jQuery addClass()

❮ Métodos jQuery HTML/CSS

Exemplo

Adicione um nome de classe ao primeiro elemento <p>:

$("button").click(function(){
  $("p:first").addClass("intro");
});

Definição e uso

O método addClass() adiciona um ou mais nomes de classe aos elementos selecionados.

Este método não remove os atributos de classe existentes, apenas adiciona um ou mais nomes de classe ao atributo de classe.

Dica: Para adicionar mais de uma classe, separe os nomes das classes com espaços.


Sintaxe

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Experimente você mesmo - Exemplos


Como adicionar dois nomes de classe a um elemento especificado.


Como adicionar classes a elementos selecionados usando uma função.


Como usar addClass() e removeClass() para remover um nome de classe e adicionar um novo nome de classe.


❮ Métodos jQuery HTML/CSS