Alain, Leonardo, Moisés, Thiago.

jQuery  is  a  new  kind  of  JavaScript  Library.

Introdução

•  jQuery é o melhor framework javascript da atualidade;

•  Nasceu em 2005;

•  Licença: MIT e GLP;

•  Não é o único framework javascript;

•  Funciona teoricamente em qualquer navegador (cross-browser);

•  Bem documentado.

O  Que  é  um  framework?  (oficialmente  é  considerado  uma  biblioteca  javascript)

•  Frameworks são projetados com a intenção de facilitar o desenvolvimento de software;

•  Permitindo designers e programadores a gastarem mais tempo determinando as exigências do software do que com detalhes tediosos de baixo nível do sistema.

Para  que  serve  o  JQuery? “jQuery is designed to change the way that you write

JavaScript”

•  Redução de código; •  Trabalha com Ajax e DOM; •  Validar formulários; •  Manipulação de eventos Javascript; •  Animações; •  Efeitos; •  Adicionar CSS; •  …

Para  que  serve  o  JQuery?

•  Enfim: o  é possível fazer tudo isso e muito mais sem ter que

atualizar a página, o que faz com que o site fique totalmente dinâmico, moderno, leve e elegante.

jQuery  é  disponibilizado  das  diferentes  maneiras.

•  Desenvolvimento. Apresenta todos seus códigos

completos, identados e de fácil. Ideal para quem queira estudar e compreender como as coisas funcionam, essa “versão sem cortes” é ideal para estudo/aprendizado a fundo da biblioteca.

•  Produção. Esta é a versão para quem se preocupa somente em utilizar o jQuery e usufruir de todo o seu poder através de um arquivo compactado.

•  Google API/CDN. Através da API AJAX de bibliotecas do Google é possível, dentre outros frameworks e bibliotecas, incorporar o jQuery a suas páginas web.

Quanto  “pesa”  um  framework?

•  Na sua versão 1.7.2 (atual) o JQuery pesa 95KB; •  É apenas um arquivo; •  Pode ser baixado pelo site www.jquery.com, ou

importar a biblioteca diretamente do Google.

•  <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=“text/javascript” ></script>

Escrevendo  um  Hello  World.

Explicando  o  código

•  $(“a”) é um selector do JQuery que seleciona

elementos “a”; •  O $ se refere a uma “classe” em JQuery; •  O $ portanto “instancia” um objeto JQuery; •  .click() é invocado quando ocorre um clique do

mouse em um elemento selecionado; •  Código sem JQuery:

•  Importante a separação de JS e HTML.

Outro  exemplo:

Fonte:  wikipedia

Exemplo  prático

•  Validação de um formúlário utilizando o JQuery.