jQuery: seletores personalizados

Como se não bastasse ser altamente personalizável através de plugins, o framework jQuery também é bastante flexível com seus seletores. Além de poder localizar objetos e elementos por ID, classe, nome do elemento, expressões e atributos também é possível criar o seu próprio seletor.

por Davi Ferreira 30/03/2011 ~ 1 min. / 85 palavras

Um seletor pode ser composto de uma ou mais classes, atributos ou expressões e sua chamada retorna um conjunto de objetos que atendem suas regras.

[cce lang=”javascript”]

// seleciona todos os elementos $(‘a’) // seleciona todas as células com a classe projeto $(‘td.projeto’) // seleciona todas as imagens com o source “default.jpg” $(‘img[src=”default.jpg”]’) // seleciona todas as linhas diretamente filhas de uma table/tbody $(‘table > tbody > tr’) // seleciona o primeiro parágrafo da página $(‘p:first’) // os elementos com id “projeto-1” e “projeto-2” e todos os elementos com a classe “projeto” $(‘#projeto-1, #projeto-2, .projeto’) [/cce]