jQuery addClass() Method

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

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

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.

$(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

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.