Este é meu primeiro post no meu novo site, e escolhi um tema muito interessante hoje em dia, que é fundamental seu conhecimento para qualquer profissional em web.

Jquery é uma biblioteca javascript que tem como função a facilitação do desenvolvimento em códigos javascript.
Sendo ela uma biblioteca javascript, então estaremos trabalhando com o próprio javascript quando utilizarmos-a.
Podemos citar algumas vantagens de se usar Jquery diante digitar todo o código em javascript:

• Resolução da incompatibilidade entre os navegadores.
• Redução de código.
• Reutilização do código através de plugins.
• Utilização de uma vasta quantidade de plugins criados por outros desenvolvedores.
• Trabalha com AJAX e DOM.
• Implementação segura de recursos do CSS1, CSS2 e CSS3.
• Criação do seu próprio plugin.

Vejamos um exemplo de redução de código:

Utilizando javascript:

document.getElementById('Teste').value = "Olá Mundo!";

Utilizando Jquery:

$("Teste").val("Olá Mundo!");

O exemplo acima é um dos muitos códigos que são reduzidos utilizando o Jquery, e sua utilização como já foi dita não é apenas para redução de códigos, mas muitos outros fatores.

Animando com Jquery

Uma das funções que mais trouxe curiosidade para quem estava iniciando com Jquery era a parte animada. Utilizando-se poucas linhas é possível criar animações que por exemplo você faria com Flash, o que daria um certo trabalho.

Hoje em dia é comum vermos websites com pequenas animações, em fontes, divs, tables, imagens e etc… mas antigamente as animações eram apenas feitas em Flash, o que fazia que com muitos sites não o fizessem e deixassem o site “parado”.
Com a utilização do jQuery observamos que os sites ficaram mais “vivos”, chamando a atenção, prendendo a atenção do usuário e o deixando mais tempo online.

Exemplos de animações com Jquery:

• Animação com robô [ver demonstração]
• http://www.floridaflourish.com
• http://www.tearoundapp.com
• http://toriseye.quodis.com
• http://www.pojeta.cz
• http://www.morphix.si
• http://www.serialcut.com

Download e Documentação

Download
Para baixar a biblioteca jQuery acesse www.jquery.com.

Documentação
Acesse http://docs.jquery.com e conheça mais sobre a biblioteca entendendo como utilizar suas funções.