Todos os que usam ou usaram Javasacript para alguma coisa, já sentiram muitas dificuldades para manipular os objetos DOM criados nos browsers devido ao cross-bowser.
O JQuery facilita essa tarefa de cross-bowser, e ainda provê outras facilidades como efeitos de animação e manipulação de requests AJAX, tanto para request comuns como para formulários.
Ainda existe a possiblidade da criação de plugins para o JQuery por qualquer desenvolvedor. Eu mesmo, em conjunto com o Leandro Cunha do site Rio Lounge, desenvolvemos um plugin de Lightbox escalonável, que se adapta a resolução da tela ou tamanho da janela do browser. Em breve disponibilizaremos na web.
Vejamos um exemplo de como JQuery facilita o acesso aos elementos DOM.
Caso você queria que todos os elementos “a” com class definida como link_teste, ao serem clicados exibam um alerta dizendo “Hello world!!!”, ficaria da seguinte forma em javascript puro:
var x = document.getElementsByTagName('a');
for(var i = 0; i < x.length; i++){
if(x[i].className == 'link_teste')
x[i].onclick = function(){ alert('Hello world!!!');return false;};
}
Já usando JQuery podemos fazer da seguinte forma:
$('a.link_teste').each(function(){
$(this).click(function(){ alert('Hello world!!!'); return false;});
});
Uma forma muito mais intuitiva e simples que na forma tradicional.
Um outro ponto a favor do JQuery é o tamanho total da biblioteca, que é bem menor do que os seu concorrentes como Prototype e Moo-FX.
Nos próximos posts coloco explicações mais específicas sobre a biblioteca.
Abs.
No Comments Yet