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/

Veja também...

1. Open Source… Isso você não sabia!!
2. JQuery na Prática
3. Jquery – Input com Máscara – Masked Input Plugin
4. Tudo o que você queria saber sobre WordPress
5. Como criar interatividade com Jquery sem saber nada de JavaScript?

Related posts brought to you by Yet Another Related Posts Plugin.