jQuery API – Manipulando Atributos

Fast-Post explicando a “Manipulação de Atributos” com o framework jQuery.

Aí vai então.

Método attr();

Este método é o que provém o acesso mais fácil aos atributos de qualquer elemento, seja qual for a intenção (visualização, manipulação). Este método somente não abrange a exclusão de atributos, já que existe outro método específico para esta tarefa.

Retornando o valor de um atributo:

// selecione o elemento através da sintaxe
var atributo_title = $(“#idElemento”).attr(“title”);
alert(atributo_title); // exibe um alert informando o resultado do resgate do atributo

Para escolher o atributo que se deseja resgatar basta apenas alterar o método attr(“atributo“), sendo possível assim retornar o valor de qualquer que seja o atributo desejado.

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”);