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”);
Simples Ajax com JQuery
Após muito perambular pela internet atrás de algum exemplo concreto sobre como utilizar a JQuery para realizar requisições AJAX, resolvi postar hoje aqui, um exemplo bem simples de como se fazer isso.
A idéia inicial era postar tudo bonitinho aqui, os códigos e ir comentando cada linha. Mas por falta de tempo e colaboração deste editor *** do wordpress, vou apenas postar uma breve explicação e os arquivos certinhos.
A intenção deste exemplo é apenas ilustrar uma requisição AJAX, portanto não serão abordados assuntos como validação, por exemplo. Embora seja crucial, não a incluí no arquivo, deixando livre para que cada um crie a sua 
Foram criados 3 arquivos para este exemplo.
O primeiro é o “formulario.php” que vai conter uma pagina com um formulario comum.
O segundo é o “ajax.js” onde vamos criar toda nossa estrutura de requisição.
E o terceiro é outra pagina PHP (envia_email.php) para onde vão ser enviados os dados resgatados pelo AJAX para que seja enviado o email.
formulario.php <Ver Código>
ajax.js <Ver Código>
envia_email.php <Ver Código>
Download do zip com todos os arquivos. (formulario.php, ajax.js, jquery.js, envia_email.php)
