Samuel Corradi

Blog

Manipulando classes com jQuery

programacao, jquery, framework, dica, desenvolvimento

Sempre que vou fazer algo em Javascript utilizo jQuery. Sou usuário ferrenho desse framework.

Esse fim de semana fiz algo que requiriu muito adicionar e remover classes CSS à algumas tags HTML. Para facilitar a vida, jQuery possui três métodos para manipular classes de objetos.

Para adicionar e remover tags de objetos utilizamos os métodos .addClass() e removeClass(), respectivamente.

$("#objeto").addClass("novaClasse");
$("#objeto").removeClass("novaClasse");
Ambos métodos aceitam receber mais de uma classe como parâmetro. Tanto para adicionar, como para remover.

O outro método é o .toggleClass(). Ele faz sozinho o que os dois métodos acima fazem: Adiciona e remove classes.

É como um liga-desliga. Se o objeto indicado já possuir a classe, a classe é removida. Caso ele não possuir, a classe é incluida.

$("#objeto").toggleClass("novaClasse");

Incluir comentário






0 mensagens enviadas

Últimos posts:

Destaques:

PHP Coupé - Desenvolvimento rápido e reaproveitável vForm - Validador universal de formulários

Programming and design by Samuel Corradi