Thunder-Boy

Se você ao programar em javascript ainda usa “document.getElementById” ou “document.getElementsByTagName” toooooooda vez que quer selecionar determinado elemento ou grupo de elementos, então você não utiliza um Framework “porreta” como o Jquery, que suporta seletores CSS como parâmetro e outros seletores mais bizarros.

Aprenda mais sobre seletores CSS, dê uma estudada.

Tá, e como é que faz então em Jquery? Assim:

cssQuery() do Dean Edwards.

“getElementsByTagName? Pah!”

Sintaxe:

elements = cssQuery(selector [, from]);

Exemplos:

// retorna todos os parágrafos que são filhos diretos de body

var tags = cssQuery("body > p");// retorna todos os elementos que tenham o atributo 'href'

var tags = cssQuery("[href]");

// retorna os elementos que o atributo 'href' é igual a '#'

var tags = cssQuery("a[href='#']");

// procura todas as imagens dentro dos links retornados acima

var images = cssQuery("img", tags);

// pega todas as listas

var tags = cssQuery("dl,ol,ul");

// até em xml externos

var tags = cssQuery("my|:root>my|link", myXMLDoc);

// você entende isso?

var complex = "p>a:first-child+input[type=text]~span";

var tags = cssQuery(complex);

Seletores suportados:

    *

    E

    E F

    E > F

    E + F

    E ~ F

    E.warning

    E#myid

    E:link

    E:first-child

    E:last-child

    E:nth-child(n)

    E:nth-last-child(n)

    E:only-child

    E:root

    E:lang(fr)

    E:target

    E:enabled

    E:disabled

    E:checked

    E:contains("foo")

    E:not(s)

    E[foo]

    E[foo="bar"]

    E[foo~="bar"]

    E[foo^="bar"]

    E[foo$="bar"]

    E[foo*="bar"]

    E[foo|="bar"]

E funciona no IE, FF, OP, Netscape e Safari.

Fonte: http://www.elmicox.com/

Related posts:

1. Open Source… Isso você não sabia!!
2. Faça em Casa – Economize dinheiro e faça você mesmo!
3. Abrir/Fechar elementos usando Javascript e CSS
4. Worldmapper – O mundo como você nunca viu antes!
5. A lista das listas + de 5.000 recursos para fazer o que você quiser!