Selecionando objetos com jQuery

2008-08-25 Wender Lima Dicas

Este post é uma dica para quem esta iniciando com jQuery, esta lib trabalha com metodo de seleção de objetos semelhante ao empregado por CSS.

Exemplos:
Selecionando objetos, por Tag.
CSS: a{//}
jQuery: $(“a”);

Selecionando objetos, pelo ID.
CSS: #itemMenu{//}
jQuery: $(“#itemMenu”);

Selecionando objetos, por classe.
CSS: .className{//}
jQuery: $(“.className”);

Acho que deu pra entender não é? Ele também aceita agrupamento de objetos se você precisar selecionar vários itens de uma só vez, exemplo:

$("input, textarea, select, #itemMenu, .className");

Não para por aí… e que tal chamar um elemento dentro de outro objeto específico?

$("input","#idForm");

neste caso estamos selecionando todos os inputs de dentro de um objeto informado pelo id

Caramba… legal hein! Mas como eu pego um objeto pelo nome usando jQuery? (como se fosse o getElementsByName)

$("input[name=nomeDoCara]");

Hmmm então se eu posso pegar pelo nome desse jeito… eu posso procurar por outros atributos!!!

Vamos lá…

$("input[type=checkbox]");

Assim eu peguei todos os inputs do tipo checkbox, mas eu quero só os que estão checados!!
Como faço isso?
Simples

$("input[type=checkbox]:checked");

My Holy God!! That’s Amazing!!!
Yeap… i know!

Mas aqui é só input eu não sei qual tipo de elemento o nome vai ser.
Tchanannn

$("*[name=nomeDoCara]");

sim, você pode usar o asterisco, eu não recomendo fazer isso porque você vai obrigar o jQuery a percorrer tooodo o código da página, o desenpenho ja não é tão legal, mas funciona.

Agora que eu tenho os objetos, posso trabalhar com eles de forma generalizada ou isolada.
Um exemplo generalizado:

$("a").css({color: "red"});

Assim, estou dizendo que todos os links serão vermelhos, eu não conheço cada elemento, mas quero que sejam vermelhos.

Um exemplo de trabalho isolado:

$("a").each(function(){
if($(this).attr("target") == "_blank"){
$(this).css({color: "red"});
};
});

Com a função “each” você pode percorrer cada elemento(representado por “this”) retornado pelo seletor $, neste caso estou verificando se o atributo target é igual a _blank, então só neste caso a cor será vermelha.

Espero que tenha sido útil, qualquer dúvida que tiver, é só mandar no comentário

[]s

seletor,