Seletores jQuery
O jQuery pode reconhecer todos os seletores definidos pelo CSS 1 ao CSS 3, além de mais alguns seletores próprios:
- $("*") - Seleciona todos os elementos.
- $(".classe") - Seleciona todos os elementos de uma classe CSS.
- $("#id") - Seleciona o elemento identificado com um determinado ID.
- $("element") - Seleciona todos os elementos cujo nome de tag coincide com o nome passado.
- $("pai filho") - Seleciona todos os elementos "filho" especificados dentro do seletor "pai", mesmo que não diretamente.
- $("pai > filho") - Seleciona todos os elementos "filho" especificados diretamente dentro do seletor "pai".
- $("a, b") - Seleciona a união de todos os elementos que sejam selecionados por qualquer um dentre os seletores a e b.
- $('[name="value"]') - Seleciona todos os elementos que têm um atributo cujo valor é igual a string passada.
- $('[name!="value"]') - Seleciona todos os elementos que têm um atributo cujo valor é diferente da string passada.
- $('[name*="value"]') - Seleciona todos os elementos que têm um atributo cujo valor contém a substring passada.
- $('[name~="value"]') - Seleciona todos os elementos que têm um atributo cujo valor contém a palavra passada (delimitada por espaços).
- $('[name^="value"]') - Seleciona todos os elementos que têm um atributo cujo valor inicia com a substring passada.
- $('[name$="value"]') - Seleciona todos os elementos que têm um atributo cujo valor termina com a substring passada.
- $('[name|="value"]') - Seleciona todos os elementos que têm um atributo cujo valor inicia com um prefixo passado (delimitado por hífen -).