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 amSeleciona 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 amSeleciona 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 amEncontra 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.
