Facilite tarefas usando JQuery!!!

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.