jQuery- 1^a. edição

Preliminares

• Primeira parte — Fundamentos teóricos da biblioteca jQuery
• Segunda parte — jQuery na prática
• Introdução
• Para quem foi escrito este livro
• Convenções tipográficas
• Dica
• Alerta
• Terminologia
• Chamada
• Marcação e scripts
• Arquivos para download
• Destaques em geral
• Variáveis
• jQuery(expressão, [contexto])
• Site do livro

Capítulo 1 - O que é jQuery

• 1.1 Definições e conceitos
• 1.1.1 O que é jQuery?
• 1.1.1.1 Histórico
• 1.1.2 Para que serve jQuery?
• 1.1.3 jQuery em conformidade com os Padrões Web
• 1.1.4 Características da biblioteca jQuery
• 1.1.5 Como instalar jQuery
• 1.1.6 jQuery na prática
• 1.1.6.1 Evento window.onload
• Conclusão
• 1.1.6.2 Método ready()
• 1.1.7 Fundamentos jQuery
• 1.1.7.1 Construtor jQuery
• 1.1.7.2 Encadeamento jQuery
• 1.1.7.3 Funções utilitárias
• 1.1.7.4 Conflitos com outras bibliotecas

Capítulo 2 - Funções padrão e seletores jQuery

• 2.1 Funções padrão jQuery
• jQuery(expressão, [contexto])
• jQuery(html)
• jQuery(elementos)
• jQuery(callback)
• seletorjQuery.each(callback)
• seletorjQuery.lenght
• seletorjQuery.eq(posição)
• seletorjQuery.get()
• seletorjQuery.get(índice)
• seletorjQuery.index(alvo)
• jQuery.noConflict()
• 2.2 Seletores jQuery
• 2.2.1 Seletores simples
• $(id)
• $(classe)
• $(elemento)
• $(seletor1, seletor2, seletor3, ...)
• 2.2.2 Seletores compostos
• $(ancestral descendente)
• $(pai > filho)
• $(anterior + próximo)
• $(anterior ~ irmãos)
• 2.2.3 Seletores — filtros básicos
• seletor:first
• seletor:last
• seletor1:not(seletor2)
• seletor:even
• seletor:odd
• seletor:eq(índice)
• seletor:gt(índice)
• seletor:lt(índice)
• $(‘:header’)
• seletor:animated
• 2.2.4 Seletores de conteúdo
• seletor:contains(texto)
• seletor:empty
• seletor1:has(seletor2)
• seletor:parent
• 2.2.5 Seletores de visibilidade
• :hidden
• :visible
• 2.2.6 Seletores de atributo
• seletor[atributo]
• seletor[atributo = “valor”]
• seletor[atributo != “valor”]
• seletor[atributo ^= “valor”]
• seletor[atributo $= “valor”]
• seletor[atributo *= “valor”]
• seletor[fitro1 atributo]... [fitroN atributo]
• 2.2.7 Filtros para seletores filhos
• selector:first-child
• selector:last-child
• selector:only-child
• selector:nth-child(índice/even/odd/equação)
• 2.2.8 Seletores para formulários
• :input
• :text
• :password
• :radio
• :checkbox
• :submit
• :reset
• :image
• :button
• :file
• :hidden
• 2.2.9 Filtros para formulários
• :enabled
• :disabled
• :checked
• :selected

Capítulo 3 - Métodos de manipulação do DOM

• 3.1 Manipulação de atributos gerais
• seletorjQuery.attr(nome_atributo)
• seletorjQuery.attr({atributo:valor})
• seletorjQuery.attr(atributo, valor)
• seletorjQuery.removeAttr(atributo)
• 3.2 Manipulação do atributo class
• seletorjQuery.addClass(valor_classe)
• seletorjQuery.hasClass(valor_classe)
• seletorjQuery.removeClass(valor_classe)
• seletorjQuery.toggleClass(valor_classe)
• 3.3 Manipulação de conteúdos html
• seletorjQuery.html()
• seletorjQuery.html(valor)
• 3.4 Manipulação de textos
• seletorjQuery.text()
• seletorjQuery.text(valor)
• 3.5 Manipulação de valores
• seletorjQuery.val()
• seletorjQuery.val(valor_atributo_value)
• 3.6 Manipulação de conteúdos
• seletorjQuery.append(conteúdo)
• Mover e copiar
• seletorjQuery.appendTo(alvo)
• seletorjQuery.prepend(conteúdo)
• seletorjQuery.prependTo(alvo)
• seletorjQuery.after(conteúdo)
• seletorjQuery.insertAfter(alvo)
• seletorjQuery.before(conteúdo)
• seletorjQuery.insertBefore(alvo)
• seletorjQuery.wrap(html)
• seletorjQuery.wrap(elemento)
• seletorjQuery.wrapAll(html)
• seletorjQuery.wrapAll(elemento)
• seletorjQuery.wrapInner(html)
• seletorjQuery.wrapInner(elemento)
• seletorjQuery.remove(filtro)
• seletorjQuery.empty()
• seletorjQuery.replaceWith(conteúdo)
• conteúdo.replaceAll(seletorjQuery)
• seletorjQuery.clone()
• seletorjQuery.clone(true)

Capítulo 4 - CSS e inspeção do DOM

• 4.1 Estilização geral
• seletorjQuery.css(propriedade)
• seletorjQuery.css(‘propriedade’, ‘valor’)
• seletorjQuery.css({propriedade:’valor’, propriedade:’valor’, ...})
• 4.2 Posicionamento
• seletorjQuery.offset()
• seletorjQuery.position()
• seletorjQuery.scrollTop()
• seletorjQuery.scrollLeft()
• seletorjQuery.scrollTop(valor)
• seletorjQuery.scrollLeft(valor)
• 4.3 Largura e altura
• seletorjQuery.width()
• seletorjQuery.width(valor)
• seletorjQuery.height()
• seletorjQuery.height(valor)
• seletorjQuery.outerWidth([boleano])
• seletorjQuery.outerHeight([boleano])
• seletorjQuery.innerWidth()
• seletorjQuery.innerHeight()
• 4.4 Inspeção do DOM
• seletorjQuery.filter(filtro)
• seletorjQuery.filter(função)
• seletorjQuery.is(expressão)
• seletorjQuery.not(expressão)
• seletorjQuery.slice(início [fim])
• seletorjQuery.add(expressão)
• seletorjQuery.children([expressão])
• seletorjQuery.find([expressão])
• seletorjQuery.parent([expressão])
• seletorjQuery.parents([expressão])
• seletorjQuery.prev([expressão])
• seletorjQuery.next([expressão])
• seletorjQuery.prevAll([expressão])
• seletorjQuery.nextAll([expressão])
• seletorjQuery1.....seletorjQueryN.end().continua()
• seletorjQuery1.....seletorjQueryN.andSelf().continua()
• seletorjQuery.siblings([expressão])
• seletorjQuery.map(função)

Capítulo 5 - Eventos

• 5.1 Eventos auxiliares
• seletorjQuery.blur(função)
• seletorjQuery.change(função)
• seletorjQuery.click(função)
• seletorjQuery.dblclick(função)
• seletorjQuery.error(função)
• seletorjQuery.focus(função)
• seletorjQuery.keydown(função)
• seletorjQuery.keyup(função)
• seletorjQuery.keypress(função)
• seletorjQuery.load(função)
• seletorjQuery.mousedown(função)
• seletorjQuery.mouseup(função)
• seletorjQuery.mouseover(função)
• seletorjQuery.mouseout(função)
• seletorjQuery.mousemove(função)
• seletorjQuery.resize(função)
• seletorjQuery.scroll(função)
• seletorjQuery.select(função)
• seletorjQuery.submit(função)
• seletorjQuery.unload(função)
• 5.2 Eventos de interação
• seletorjQuery.toggle(f1 f2 [f3...fN])
• seletorjQuery.hover(sobre fora)
• 5.3 Manipuladores de eventos
• seletorjQuery.bind(tipo [dados] função)
• seletorjQuery.one(tipo [dados] função)
• seletorjQuery.trigger(tipo [dados])
• seletorjQuery.unbind(tipo [dados])
• 5.4 Notas sobre eventos

Capítulo 6 - Efeitos

• 6.1 Efeitos básicos
• seletorjQuery.show()
• seletorjQuery.show(velocidade [função])
• seletorjQuery.hide()
• seletorjQuery.hide(velocidade [função])
• seletorjQuery.toggle()
• 6.2 Efeitos corrediços
• seletorjQuery.slideDown(velocidade [função])
• seletorjQuery.slideUp(velocidade [função])
• seletorjQuery.slideToggle(velocidade [função])
• 6.3 Efeitos de opacidade
• seletorjQuery.fadeIn(velocidade [função])
• seletorjQuery.fadeOut(velocidade [função])
• seletorjQuery.fadeTo(velocidade opacidade [função])
• 6.4 Efeitos personalizados
• seletorjQuery.animate(definições [velocidade] [aceleração] [função])
• seletorjQuery.animate(definições [opções])
• seletorjQuery.stop()

Capítulo 7 - Funções utilitárias

• 7.1 Introdução
• 7.2 Flags para agentes de usuário
• jQuery.browser
• jQuery.boxModel
• 7.3 Operações com arrays e objetos
• jQuery.each(objeto função(chave ou índice valor))
• jQuery.grep(array função(valor índice)[inverter])
• jQuery.makeArray(objeto)
• jQuery.map(array função(valor índice))
• jQuery.inArray(valor array)
• jQuery.unique(array)
• 7.4 Teste de função
• jQuery.isFunction(objeto)
• 7.5 Operação com string
• jQuery.trim(string)
• 7.6 Funções utilitárias personalizadas
• 7.6.1 Sintaxe geral
• 7.6.2 Funçao $.corTexto
• 7.6.2.1 Melhorando a função $.corTexto

Capítulo 8 - jQuery na prática

• 8.1 Marcação mínima
• 8.2 Animação com show() e hide()
• 8.3 Animação com toggle()
• 8.4 Suavizando a animação
• 8.5 Animação com slideUp() e slideDown()
• 8.6 Animação com fadeIn() e fadeOut()
• 8.7 Animação personalizada com animate()

Capítulo 9 - Revelando conteúdos

• 9.1 FAQ CSS
• Marcação básica
• Primeira etapa
• Segunda etapa
• Terceira etapa
• Quarta etapa
• Quinta etapa
• 9.2 Página de notícias
• Marcação básica
• Primeira etapa
• Segunda etapa

Capítulo 10 - Efeitos em tabelas

• 10.1 Destinação das tabelas HTML
• 10.2 Marcação de tabelas
• 10.3 Tabela de horários de ônibus
• Marcação básica
• 10.4 Efeito zebra
• Zebra par-ímpar
• Zebra dois-dois
• Progressão aritmética
• Zebra três cores
• Zebra três-três
• 10.5 Efeitos para destacar
• Destacar linhas
• Destacar colunas
• Destacar linhas seletivamente
• Revelar esconder linhas
• Advertência

Capítulo 11 - Efeitos em formulários

• 11.1 Validação de formulários
• 11.2 Placeholder para campos
• Primeira solução
• Segunda solução
• 11.3 Dicas de preenchimento
• 11.4 Desabilitar campos
• 11.5 Revelar campos
• 11.6 Elemento legend
• 11.7 Selecionar todos
• 11.8 Validar

Capítulo 12 - Imagens

• 12.1 Introdução
• 12.1.1 Imagens acessíveis
• 12.1.1.1 Imagens decorativas
• 12.1.1.2 Imagens para transmitir informação
• Atributo alt
• Atributo longdesc
• 12.2 Ampliação de imagens
• Primeira etapa
• Segunda etapa
• Terceira etapa
• Quarta etapa
• Quinta etapa
• 12.3 Galerias de imagens
• 12.3.1 Galeria com thumbnails
• Primeira etapa
• Segunda etapa
• 12.4 Slide-show
• Primeira etapa
• Segunda etapa
• Terceira etapa
• Quarta etapa

Capítulo 13 - Plug-ins

• 13.1 Introdução
• 13.1.1 Plug-ins de terceiros
• 13.1.2 Plug-ins nativos
• 13.2 Plug-in jCarousel
• 13.2.1 Instalação
• 13.2.2 Nome das imagens
• 13.3 Carrossel horizontal e vertical
• 13.4 Carrossel com scroll automático
• 13.5 Carrossel com comandos externos
• 13.6 Carrossel com efeito thickbox
• 13.7 Plug-in jQuery Accordion
• 13.7.1 Instalação
• 13.7.2 Folhas de estilo
• 13.8 Sanfona simples

Capítulo 14 - Menu Maujor

• 13.1 Introdução
• 14.2 HTML e CSS
• Estilização inicial
• Bug no IE6 e anteriores
• Dimensões do menu
• Bug no IE7 e anteriores
• 14.3 Script

Apêndices

• Apêndice A
• Seletores
• Apêndice B
• Tabelas de codificação de caracteres para HTML
• Apêndice C
• Tabelas de referência rápida para elementos HTML
• Apêndice D
• Tabelas de referência rápida para atributos HTML
• Apêndice E
• FAQ jQuery