O documento descreve o jQuery como um novo tipo de biblioteca JavaScript. Ele fornece funcionalidades para simplificar o desenvolvimento front-end, como manipulação do DOM, animações, validação de formulários e manuseio de eventos.
1. jQuery is a new kind of JavaScript Library.
Alain, Leonardo, Moisés, Thiago.
2. 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.
3. 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.
4. 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;
• …
5. 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.
6. 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.
7. 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>
9. 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.