Vitor A. Vale

Uma das grandes revoluções para os desenvolvedores da atualidade foi o jQuery, sem duvidas ele tornou a forma como escrevemos Javascript muito mais prazerosa e simplificada partindo do principio “Escreva menos, Faça mais” (Write Less, Do More).

Baseando-se no atalho $ para document.getElementById, o jQuery estende as funcionalidades do Javascript misturando-o com a função document.getElementsBySelector.

Além do ganho em produtividade, o tamanho da biblioteca jQuery na sua versão atual (v.1.3.2 enquanto escrevo) é de apenas 19kb e lhe possibilita realizar entre outras coisas: requisições AJAX, manipulações de elementos DOM, reutilização de códigos através de plugins, manipulação de recursos CSS1, CSS2 e CSS3, tratamento de eventos, etc. Resumindo é uma biblioteca completa e ao mesmo tempo simples.

Se tudo que foi dito até agora não significou nada vamos a um exemplo prático do famoso “Ola Mundo” escrito em Javascript e posteriormente em jQuery.

Primeiramente em Javascript:

<script type="text/javascript">
function Alerta() {
   alert('Ola Mundo');
}

function addEvent(obj, evType, fn) {
  if (typeof obj == "string") {
        if (null == (obj = document.getElementById(obj))) {
          throw new Error("Nao e possivel adicionar evento listener: Elemento HTML nao encontrado.");
        }
  }
  if (obj.attachEvent) {
        return obj.attachEvent(("on" + evType), fn);
  } else if (obj.addEventListener) {
        return obj.addEventListener(evType, fn, true);
  } else {
        throw new Error("Seu navegador nao suporta o eventos listeners.");
  }
}

addEvent(window, "load", Alerta);
</script>

Agora um exemplo prático em jQuery, primeiramente precisamos adicionar¹ a biblioteca jQuery a nosso projeto e posteriormente escrever o código:

<script src="jquery-1.3.2.js"></script>

<script type ="text/javascript">

        $(document).ready(function(){

               alert(‘Ola Mundo’);

        });

</script>

Quer conhecer melhor o framework jQuery continue acompanhando as postagens aqui do blog e também visite:

- Site oficial

- Documentação oficial

- Documentação oficial alternativa

- Plugins

- Comunidade jQuery Brasil

- Lista de discussão em português (Google Groups)

- Futuro portal jQuery Brasil em desenvolvimento pelos membros da lista de discussão

¹ – Podemos ainda adicionar a biblioteca diretamente de um Host online como o Microsoft AJAX CDN ou Google Code