jQuery - você já deve ter ouvido falar esse nome, o jQuery é uma biblioteca javascript de leve porte que enfatiza a interação entre o javascript e o html, semana passada a Microsoft anunciou que irá distribuir o jQuery junto com o Visual Studio, com isso dá pra se imaginar a força que essa biblioteca obteve em apenas poucos anos de vida.

Em alguns post tentarei abordar as principais características dessa incrível biblioteca.

Lição 1

Resposta:

O operador $ e o encadeamento de operações

O $ é o principal operador do jQuery, ele retorna um coleção de objetos e o conjunto de ações que podem
ser executadas. Exemplo:

Javascript:

O que o comando acima está fazendo?

• 1- Pega a div que possui a classe teste
• 2- Insere um parágrafo ( p ) com a classe principal
• 3- Adiciona um texto no parágrafo
• 4- Chama o método predefinido Show

Uma página HTML é formada de vários elementos distribuidos em forma de árvore, cada elemento possui o seu identificador que é único e também poderá ter associado a ele uma ou mais classes(apesar de não ser muito comum).

O jQuery faz uso desses identificadores e classes para obter os elementos. ele utiliza o mesmo conjunto de comandos para obter um único ou vários elementos e a através de particularidades dos paramêtros conseguimos fazer o filtro.

Javascript:

Seletores filhos, cointainer e atributos

Para selecionar elemento que possui um determinado filho, usamos o identificador ( > ), como em $("p > a"), o qual retornará todos os links que estão dentro de um p.

Para selecionar um elemento que possui um determinado atributo, utilizamos ( [ ] ), como em $("input[type=text]"), o qual retornará todos os inputs que são do tipo texto.

Para selecionar um elemento que é container, utilizamos o ( has() ), por exemplo $("p:has(a)").

Seletores de posicionamento

O jQuery permite selecionar os elementos pela sua posição, exemplo:

Javascript:

Existem vários tipos de posicionamentos que podemos usar, são eles:

first, last, first-child, only-child, nth-child(n), nth-child(even), nth-child(odd)

Seletores customizaveis

Bem, são seletores que seriam usados constantemente com base no tipo dos elementos, suas propriedades e outros atributos que o jQuery criou para facilitar a escrita, tornando mais
simples e rápida.

animated, button, checkbox, checked, disabled, enabled, header, hidden, image, input, not(filter),
parent, password, radio, reset, selected, submit, text, visible