Cursos / Informática para Internet / Desenvolvimento Front-end II / Aula

arrow_back Aula 11 - Manipulação do DOM com jQuery

Manipulando classes com jQuery


Método addClass()

O método addClass() adiciona a(s) classe(s) especificada(s) como argumento ao(s) elemento(s) selecionado(s).

$("h1").addClass("destaque"); // adiciona a classe `destaque` aos elementos selecionados
$("#teste").addClass("principal destaque"); // adiciona as classes `principal e `destaque` ao elemento selecionado

Método removeClass()

O método removeClass() remove a(s) classe(s) especificada(s) como argumento do(s) elemento(s) selecionado(s).

$("h1").removeClass("destaque"); // remove a classe `destaque` dos elementos selecionados
$("#teste").removeClass("principal destaque"); // remove as classes `principal e `destaque` dos elemento selecionado

Método toggleClass()

O método toggleClass() adiciona ou remove uma ou mais classes de cada elemento do conjunto de elementos selecionados, dependendo se a classe está presente ou não no momento.

$("h1").toggleClass("cor destaque"); // adiciona ou remove as classes `cor` e de `destaque` dependendo do estado atual nos elementos selecionados.

Versão 5.3 - Todos os Direitos reservados