Apostila jquery

Disponível somente no TrabalhosFeitos
  • Páginas : 10 (2385 palavras )
  • Download(s) : 0
  • Publicado : 10 de maio de 2012
Ler documento completo
Amostra do texto
jQuery

Apostila Básica

Escrito por: Daniel de Campos Souza

INTRODUÇÃO CAPÍTULO 1 – POR ONDE INICIAR CAPÍTULO 2 – MEU PRIMEIRO SCRIPT!

3 3 4

EXERCÍCIOS .....................................................................................................................................5 CAPÍTULO 3 – ADICIONANDO CSS 6

EXERCÍCIOS.....................................................................................................................................7 CAPÍTULO 4 – MODIFICANDO APENAS PARTE DO DOCUMENTO 7

EXERCÍCIOS .....................................................................................................................................9 CAPÍTULO 5 – HIDE E SHOW 10

EXERCÍCIOS...................................................................................................................................10 CAPÍTULO 6 – FIND E EACH 10

EXERCÍCIOS ...................................................................................................................................11 CAPÍTULO 7 – IF E ELSE 11EXERCÍCIO.....................................................................................................................................12

jQuery – Apostila Básica

Escrito por: Daniel de Campos Souza

2

Introdução
jQuery não é uma nova linguagem de programação, antes, trata-se de uma compilação do JavaScript. Para utilizá-la, basta referenciar o arquivo .js do jQuery em sua página e você já pode usar esta linguagem com prazer. Recomendo que todo o código produzido também esteja em um arquivo externo; issodiminuí o tamanho final de sua página HTML e também assegura que o código não ficará exposto, tornando as coisas mais fácies, caso você queira mudar um código que apareça em todas as suas páginas

Capítulo 1 – Por onde iniciar
Para se usar o jQuery é necessário um conhecimento básico em JavaScript e HTML. Portanto, esta apostila foi desenvolvida para aqueles leitores que possuem um conhecimentobásico dessas linguagens. A partir daí, podemos começar, mas por onde? Primeiro faça o download da versão mais recente da biblioteca jQuery (aproximadamente 96KB copie e cole a url http://jqueryjs.googlecode.com/files/jquery-1.2.6.js em seu navegador). Crie um arquivo HTML, faça a referência à biblioteca jQuery (usando o mesmo comando para se fazer referência à um arquivo .js qualquer).Certifique-se de que a referência à biblioteca seja feita antes da referencia ao seu arquivo .js, caso contrário o navegador não irá interpretar corretamente os códigos desnvolvidos. Agora crie um arquivo .js em branco, nele iremos desenvolver todas as lições. Faça a referência a ele em sua página HTML.

Observações: Sua biblioteca jQuery (assim como qualquer outro arquivo) pode ser salva em qualquerpasta com qualquer nome, desde que no momento da referenciação todos os parâmetros estejam corretos.



jQuery – Apostila Básica

Escrito por: Daniel de Campos Souza

3

Ótimo, agora você está pronto para entrar no mundo do jQuery!

Capítulo 2 – Meu primeiro script!
Primeiramente temos que ver como funcionará um script jQuery. A sintaxe é a seguinte – pode ser digitada no documento .jsque você criou ou entre as tags caso você opte por não usar um documento separado.
$(document).ready(function () { //insira seu código aqui });

Vamos analizar parte por parte deste código. Usa-se o cifrão ($) para referir-se a modificação de um elemento (podendo ser desde uma tag até uma classe e ID CSS). Usamos os parênteses após o cifrão para identificar qual elemento será modificado. Nestecaso, nos referimos ao documento como um todo, pois os códigos que serão introduzidos irão alterar o conteúdo do documento. A função .ready informa ao navegador que os commandos devem ser executados quando o documento estiver pronto (navegável). Adicionamos o parentese após o .ready para informar ao navegador que os comandos enlaçados pelos parênteses deverão ser executados no momento em que...
tracking img