O projeto JQuery teve início a 5 anos atrás com John Resig. Ele foi originalmente desenhado para manipular árvores DOM de uma forma fácil e cross-browser. A versão atual é a 1.4.2 que inclui diversas ferramentas buscando fazer com que programar JavaScript se torne cada vez mais simples. De acordo com as estatísticas de uso da BuiltWith, esse projeto open source é utilizado por cerca de 30% dos 10000 top sites da web.
A API JQuery busca ser simples e intuitiva. Ela inclui:
- Navegação da árvore DOM
- Manipulação de elementos DOM
- Manipulação de CSS
- Gerenciamento de Eventos (onclick, onsubmit, etc)
- Interação com Ajax
- Funções utilitárias
- Uma biblioteca UI
- Uma biblioteca de Efeitos
O framework JQuery utiliza um seletor simples como forma de pegar e manipular elementos DOM. Quando um elemento DOM é obtido, ele se torna um objeto JQuery e qualquer método da biblioteca padrão ou de extensões do JQuery podem ser invocados esse objeto. O JQuery possibilita o uso de seletores complexos, exemplo: elementos baseados em relacionamento pai-filho, atributos, classes, filtros.
A Travesing API (API utiliza para a navegação sobre os elementos DOM) inclui métodos de filtragem avançados, como filter(), is(), not() e slice().
Outra API de navegação é utilizada para encontrar elementos baseados em relacionamento com outros elementos (ao invés de utiliza seletores po id ou classe). Essa API também é simples e possui métodos como children(), find(), contents(), next(), prev(), parents() e siblings().
Uma vez que o elemento DOM é selecionado (tanto por seleção ou criação), a funcionalidade de manipulação do JQuery fica disponível. Algumas das funcionalidades são:
- Inserir um elemento no documento
- Manipular textos dentro de elemtos DOM, inserir conteúdo antes ou depois de algum elemento
- Substituir os elementos selecionadoseplace matched elements
- Remover elementos
- Clonar elementos
O componente CSS provê um conjuto de ferramentas para pegar ou modificar propriedades CSS de qualquer elemento ou coleçnao de elementos. Outra possibilidade é de manipular a altura ou a largura com os métodos width() e height() além do conhecido offset().
O framework JQuery disponibiliza uma implementação cross-browser para trabalhar com eventos. Existem métodos que são definidos para disparar ou interceptar determinados eventos, além de disponibilizar outros eventos além dos padrões da árvore DOM. O framework Jquery também oferece um grande número de helper de eventos, que são um wrap dos eventos DOM padrões adicionando funcionalidades JQuery. Essa funcionalidade tem como inuito interceptar os eventos disparados .
A API de JQuery inclui métodos utilizados para fazer carregamento remoto de páginas, dados ou scripts utilizando requisições GET ou POST, acesso simples aos dados de callback e um conjunto de eventos AJAX que possibilitam você trabalhar com o status da requisição como success, complete, start, stop e error.
A documentação e tutoriais do framework JQuery estão disponível. Para você que tem interesse e não conhece ainda, sugiro começar por aqui e depois procurar por plugins mais avançados.
Existem outros frameworks JavaScript com o mesmo intuíto- de facilitar a manipulação e a interação com a árvore dom - no mercado, podemos destacar o Scriptaculous, Prototype e o Dojo. Vale a pena estudadar cada um individualmente, nenhum é considerado a bala de prata porém todos tem seus prós e contras. E você leitor qual utiliza?