O documento apresenta o framework jQuery: (1) foi criado em 2005 para resolver incompatibilidades entre navegadores e reduzir código; (2) permite reutilização de código através de plugins e implementa recursos de CSS; (3) pesa apenas 24kb e pode ser utilizado para manipulação do DOM, Ajax e validação de formulários.
3. Para que serve:
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.
Texto integralmente retirado de http://pt.wikipedia.org/wiki/JQuery
4. Quanto "pesa" um framework?
O framework Jquery na sua versão 1.4 (minificado) pesa 24kb !
Para seu projeto você pode baixar o Jquery em :
www.jquery.com ou importar a biblioteca diretamente do Google,
deste modo:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"
type="text/javascript"></script>
5. O que você precisa saber pra começar?
Você tem que ter o DOM (carregado) pra usar jQuery;
XHTML e Javascript;
Seletores CSS2 e CSS3 (já são previstos no jQuery) podem te
ajudar!
jQuery é fácil: A biblioteca se baseia na chamada de apenas
uma função e tem 24kb.
Vamos por a mão na massa?
6. Esquentando com “Hello World”
1.Baixe a mais nova versão do JQuery, atualmente 1.4.2;
2.Crie um arquivo teste.html;
3.Coloque o jquery-1.4.2.js no mesmo diretório do teste.html e
importe a biblioteca;
9. Explicando o código
$("a") é um Selector do jQuery que seleciona elementos "a"
O $ é como se assemelha a uma "classe" em jQuery
$() portanto "instancia" um objeto jQuery
.click() é invocado quando ocorre um click do mouse em um
elemento selecionado;
O código sem jQuery:
Separação de JS e HTML!
Eliminação de código redundante!
<3 jQuery.
11. Missão 1: Mudar o site da fatecsjc
Baixamos o site fatecsjc.edu.br usando wget e iremos
aplicar alterações nele via jQuery para que mais meninas se
interessem por nossa faculdade:
Eis o site baixado:
16. Jquery é mais que manipulação do DOM
Jquery tem diversas outras potencialidades:
Ajax simplificado:
Métodos $.ajax, $.getJSON, $.get e etc...
Garantia de funcionar nos mais diversos navegadores;
Documentação extensa e atualizada;
Comunidade forte e muitos entusiastas;
Utilizado em muitos sites famosos como Google Search,
IBM.com, Mozzila.com, etc..;
Validação de formulários no cliente;
Muitos, muitos e muitos plugins.