tutoriais mais recente desenvolvimento web
 

jQuery addClass() Method

<JQuery HTML / CSS Métodos

Exemplo

Adicionar um nome de classe para a primeira <p> elemento:

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

Definição e Uso

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

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

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


Sintaxe

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

Parâmetro Descrição
classname Requeridos. Especifica um ou mais nomes de classes a serem adicionados
function(index,currentclass) Opcional. Especifica uma função que retorna um ou mais nomes de classe a ser adicionada
  • index - Retorna a posição de índice do elemento no conjunto
  • currentclass - Retorna o nome da classe atual do elemento selecionado

Tente você mesmo - Exemplos

Adicionar duas classes para um elemento
Como adicionar dois nomes de classe a um elemento especificado.

Adicionar classes usando uma função
Como adicionar classes para elementos selecionados utilizando uma função.

Alterar o nome da classe de um elemento
Como usar addClass() e removeClass() para remover um nome da classe, e adicionar um novo nome da classe.


<JQuery HTML / CSS Métodos