jQuery - Operação de Propriedade - Método addClass()

Manual de Efeitos do jQuery

Exemplo

Adicionar uma classe a primeiro elemento p:

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

Experimente você mesmo

Definição e uso

O método addClass() adiciona uma ou mais classes a elementos selecionados.

Este método não remove propriedades de classe existentes, apenas adiciona uma ou mais propriedades de classe.

Dica:Para adicionar várias classes, use espaços para separá-las.

Sintaxe

$.addClass(class)
Parâmetros Descrição
class Obrigatório. Especifica um ou mais nomes de classes.

Adicionar classes usando uma função

Adicionar classes a elementos selecionados usando uma função.

Sintaxe

$.addClass(function(index,oldclass))

Experimente você mesmo

Parâmetros Descrição
function(index,oldclass)

Obrigatório. Especifica uma função que retorna uma ou mais classes a serem adicionadas.

  • index - Opcional. A posição do índice do seletor.
  • class - Opcional. O nome antigo da classe do seletor.

Mais exemplos

Adicionar duas classes a um elemento
Como adicionar duas classes a um elemento selecionado.
Mudar a classe de um elemento
Como qualquer uso de addClass() e removeClass() para remover classes e adicionar novas classes.

Manual de Efeitos do jQuery