tempo nao reinventando a roda porque existem inumeros plugins, ajax se faz em poucas linhas, validacao de formulario, caixas de dialogo, iframes, datagrid, e outras coisa que se faz de uma maneira mais simples e pratica. O lema do jQuery e "Escrever menos e fazer mais". Alem da facilidade de encontrar plugins, como e uma das frameworks mais utilizadas, mais pessoas podem te ajudar a resolver ou pelo menos dar o caminho das pedras para o seu problema.So para ter um pequeno exemplo, ao inves de document.getElementById('idCampo').value, temos $("#idCampo").val() uma pequena reducao e um maior entendimento do codigo. Com jQuery, podemos separar o que e html do que e javascript, organizando melhor o nosso codigo. Fazemos isso da seguinte maneira:$(document).ready(function() { //Aqui dentro colocamos todo o codigo javascript}); Desta forma, comecamos a separar tudo que e html de javascript. Dentro do evento ready, podemos adicionar diversos comando que seriam inseridos no meio das tags html formando aquela linguica incrivel. Um exemplo disso sao os eventos onclick, onchange, onblur que colocamos nome meio do codigo, e depois para ver o que voce fez ou dar uma manutencao naquilo fica dificil. Vejamos alguns exemplos<input type='text' name='nomeCampo' id='idCampo' onchange='alert("Mensagem");'>com jQuery isso se separaria da seguinte forma:<script language='javascript'>$(document).ready(function() { $("#idCampo").change(function(){ alert("Mensagem2"); });});</script><input type='text' name='nomeCampo' id='idCampo'>A uma primeira vista, pode parecer que ficou mais complicado, mas a medida que comecamos a separa tudo que e html do script, o entendimento fica muito mais facil. Quando temos que dar manutencao ou souber o que foi feito, ele esta sempre no mesmo lugar. Outro exemplo e adicionar ou remover classe. Fazemos isso simplesmente com o event addClass ou removeClass. Uma coisa que facilita bastante tambem e quando voce quer fazer algo em todos os elementos do codigo. Utilizamos assim os seletores do jQuery. Alguns exemplos:$("a"); // Pega todos os links da pagina....$("a").click(function(){alert("teste");}); // Qualquer link ele manda alerta testeOu entao:$("a").click(function(){alert($(this).attr("nome"));}); // Pega o atributo nome quando se clica no link<a href="#" nome="joao">teste</a><a href="#" nome="maria">teste</a>Neste caso ira dar um alert escrevendo joao ou maria, dependendo do linkAcessar qualquer coisa fica mais facil com jQuery. Exemplos:$("option:even"); // Pega os elementos de indice par. Se fosse impar, apenas troque even por odd$("li:first"); //Pega o primeiro item da lista. Do mesmo jeito, last pega o utilmo ou eq(numeroIndice) pega o equivalente que voce colocar.$("input:text").val("campovalor"); //Seta atributo valor para TODOS os campos input type='text'$("input[nomeAtributo=conteudoAtributo]").val("campovalor"); //Altera o valor de todos os inputs que tem o atributo nomeAtributo=conteudoAtributoE por ai vao as inumeras possibilidade com jQuery. O melhor de tudo que e compativel com navegadores de diferentes veroes. Claro que existem alguns plugins que necessitam de configuracoes minimas, mas no mais e aproveitas essa ferramenta. Vale a pena dar uma conferida e aprofundar sobre jQuery. Esta e apenas uma pincelada sobre o mundo que se abre com essas facilidades. Voce pode ter um codigo mais limpo, menor e um efeito visual incrivel em sua pagina. Nao adianta termos apenas algo que funciona, tem que ser bonito para impressionar quem queremos. E nisso, o jQuery e seus plugins naos nos decepciona.