JQuery. 2ª Edição Revisada e ampliada. Maurício Samy Silva

Transcrição

1 JQuery A Biblioteca do Programador JavaScript 2ª Edição Revisada e ampliada Maurício Samy Silva $(document).ready(function() { $('.abre-fecha').hide(); $('<div id="tela" ><img src="10.jpg" alt="descrição da imagem" /></div>').insertafter('#galeria') $('.foto').click(function(event) { event.preventdefault(); $('#tela img').remove(); $('<img class="copia-foto" />').attr('src', $(this).attr('src')).css('opacity', '0.3').appendTo('#tela').css('position', 'absolute').animate({opacity: 1 }, 2000); $(document).ready(function() {$('.abre-fecha').hide(); $('<div id="tela" ><img src="10.jpg" alt="descrição da imagem" /></div>').insertafter('#galeria') $('.foto').click(function(event) { event.preventdefault(); $('#tela img').remove(); $('<img class="copia-foto" />').attr('src', $(this).attr('src')).css('opacity', '0.3').appendTo('#tela').css('position','absolute').animate({opacity: 1 }, 2000);$(document).ready(function() { $('.abre-fecha').hide();$('<div id="tela" ><img src="10.jpg" alt="descrição da imagem" /></div>').insertafter('#galeria')$('.foto').click(function(event) { event.preventdefault();$('#tela img').remove(); $('<img class="copia-foto" />').attr('src', $(this).attr('src')).css('opacity', '0.3') zappendto('#tela').css('position', 'absolute').animate({opacity: 1 }, 2000); });.css('opacity', '0.3').appendTo('#tela').css('position', 'absolute').animate({opacity: 1 },$(document).ready(function() { $('.abre-fecha').hide();$('<div id="tela" ><imgsrc="10.jpg" alt="descrição da imagem" /></div>').insertafter('#galeria')$('.foto').click(function(event) { event.preventdefault();$('#tela img').remove(); Novatec

2 Sumário Agradecimentos Isenção de responsabilidade Sobre o autor Introdução Parte I Fundamentos teóricos da biblioteca jquery Capítulo 1 O que é jquery? Definições e conceitos O que é jquery? Para que serve jquery? jquery em conformidade com os Padrões Web Características da biblioteca jquery Como instalar jquery jquery na prática Fundamentos jquery...41 Capítulo 2 Funções-padrão e seletores jquery Funções-padrão jquery Seletores jquery Seletores simples Seletores compostos Seletores Filtros básicos Seletores de conteúdo Seletores de visibilidade Seletores de atributo Filtros para seletores-filho Seletores para formulários Filtros para formulários Capítulo 3 Métodos de manipulação do DOM Manipulação de atributos gerais Manipulação do atributo class Manipulação de conteúdos html Manipulação de textos Manipulação de valores Manipulação de conteúdos Criação de elementos no DOM

3 8 jquery A Biblioteca do Programador JavaScript Capítulo 4 CSS e inspeção do DOM Estilização geral Posicionamento Largura e altura Inspeção do DOM Capítulo 5 Eventos Eventos auxiliares Eventos de interação Manipuladores de eventos Notas sobre eventos Capítulo 6 Efeitos Efeitos básicos Efeitos corrediços Efeitos de opacidade Efeitos personalizados Encadeamento de efeitos Capítulo 7 Funções utilitárias Introdução Flags para agentes de usuário Operações com arrays e objetos Teste de função e objeto Operação com string Funções utilitárias personalizadas Sintaxe geral Função $.cortexto Métodos para manipulação de dados Parte II jquery na prática Capítulo 8 Animações básicas Marcação mínima Animação com show() e hide() Animação com toggle() Suavizando a animação Animação com slideup() e slidedown() Animação com fadein() e fadeout() Animação personalizada com animate() Capítulo 9 Revelando conteúdos FAQ CSS Marcação básica Primeira etapa Segunda etapa Terceira etapa Quarta etapa Quinta etapa Página de notícias Marcação básica

4 Sumário Primeira etapa Segunda etapa Capítulo 10 Efeitos em tabelas Destinação das tabelas HTML Marcação de tabelas Tabela de horários de ônibus Marcação básica Efeito zebra Zebra par-ímpar Zebra dois-dois Progressão aritmética Zebra três cores Zebra três-três Efeitos para destacar Destacar linhas Destacar colunas Destacar linhas seletivamente Revelar e esconder linhas Advertência Capítulo 11 Efeitos em formulários Validação de formulários Placeholder para campos Dicas de preenchimento Desabilitar campos Revelar campos Elemento legend Selecionar todos Validar Capítulo 12 Imagens Introdução Imagens acessíveis Ampliação de imagens Primeira etapa Segunda etapa Terceira etapa Quarta etapa Quinta etapa Galerias de imagens Galeria com thumbnails Slide-show Primeira etapa Segunda etapa Terceira etapa Quarta etapa Slide-show dinâmico Primeira etapa Segunda etapa Terceira etapa Quarta etapa...438

5 10 jquery A Biblioteca do Programador JavaScript Capítulo 13 Plug-ins Introdução Plug-ins de terceiros Plug-ins nativos Plug-in jcarousel Instalação Nome das imagens Carrosséis horizontal e vertical Carrossel com scroll automático Carrossel com comandos externos Carrossel com efeito thickbox Plug-in jquery Accordion Instalação Folhas de estilo Sanfona simples Menu sanfona Desenvolvimento de plug-ins Criação de funções Criação de métodos Criação de plug-ins Capítulo 14 Menu Maujor Introdução HTML e CSS Estilização inicial Bug no IE6 e anteriores Dimensões do menu Bug no IE7 e anteriores Script Apêndice A Seletores A.1 Seletor tipo A.2 Seletor identificador único A.3 Seletor classe A.3.1 Classificação dos seletores A.4 Seletores avançados Apêndice B Codificação de caracteres para HTML Caracteres especiais para HTML Caracteres matemáticos, gregos e símbolos para HTML Caracteres para HTML ISO Apêndice C Elementos HTML Apêndice D Atributos HTML Apêndice E FAQ jquery Referências bibliográficas Índice remissivo