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
