Arquivo do mes November, 2009

Seletores jQuery - básicos

November 27, 2009 8:49 am
  • #id - seleciona um elemento;
  • element - seleciona determinadas tags no HTML;
  • .class - seleciona múltiplos elementos com determinada classe;
  • .class.class - Seleciona múltiplos elementos, permitindo selecionar múltiplas classes;
  • * - seleciona todos os elementos;
  • selector1, selector2, selectorN - Seleciona múltiplos elementos, permitindo utilizar múltiplos seletores diferentes.

Seletores jQuery - multiple

8:42 am

Seleciona um conjunto de diferentes elementos utilizando diferentes seletores.

Exemplo:

$("div,span,p.minhaClasse").css("border","3px solid red");

O exemplo acima vai selecionar todos elementos DIV, SPAN e todos parágrafos que contenham a classe “minhaClasse” e aplicar uma borda vermelha a eles.

Seletores jQuery - *

8:33 am

Seleciona todos os elementos, incluindo head, body, etc…

Exemplo:

$("*").css("border","3px solid red");

O exemplo acima vai selecionar todos os elementos do HTML e aplicar uma borda vermelha a eles.

Seletores jQuery - .class.class

8:31 am

Encontra e seleciona todos os elementos com as classes informadas.

Exemplo:

$(".classe1.classe2").css("border","3px solid red");

O exemplo acima vai selecionar todos elementos DIV do HTML com as classes “classe1″ e “classe2″ e aplicar a eles uma borda vermelha a eles.

Seletores jQuery - class

8:28 am

Encontra e seleciona todos os elementos com a classe informada.

Exemplo:

$(".minhaClasse").css("border","3px solid red");

O eemplo acima vai encontrar e aplicar uma borda vermelha a todos os elementos com a classe “minhaClasse”.


Assine meus Feeds


Sobre/Contato

scripts