JQuery Traduzida – API/Seletores

Bom, este é o primeiro artigo da série que tem como objetivo trazer a documentação e API da JQuery, traduzida e adaptada por mim com exemplos de fácil atendimento. O assunto de hoje são os seletores. básicos.

Seletores Básicos:

#id
Pega os elementos pelo id.

Exemplo de utilização:
Pegando elemento com id “idTeste” e inserindo algum conteudo
$(“#idTeste”).html(“Inserindo meu texto”);

elemento
Pega os elementos diretamente pelo nome da tag.

Exemplo de utilização:
Pegando os elementos inputs e inserindo value 0 neles
$(“input”).val(“0″);

.class
Pega os elementos pela classe que lhes foi definida.

Exemplo de utilização:
Pega os elementos com a classe “minhaClass” e coloca uma borda colorida neles
$(“.minhaClass”).css(“border”,”1px solid #4d4d4d”);

*
Pega todos os elementos da página incluindo o head, o body.

Exemplo de utilização:
Pegar todos os elementos e deixá-los com a cor da fonte preta:
$(“*”).css(“color”,”#000″);

Seletor Múltiplo
Pega diversos elementos, por classe, id, objeto ou como quiser.

Exemplo de utilização:
Pega todos os elementos div, e elementos input com a class inputClasse e coloca uma borda vermelha:
$(“div,input#inputClasse”).css(“border”,”1px solid red”);