jquery Cookbook Comunidade de Desenvolvedores jquery

Transcrição

1 jquery Cookbook Comunidade de Desenvolvedores jquery Novatec

2 Authorized Portuguese translation of the English edition of titled jquery Cookbook ISBN , Cody Lindley. This translation is published and sold by permission of O'Reilly Media, Inc., the owner of all rights to publish and sell the same. Tradução em português autorizada da edição em inglês da obra jquery Cookbook ISBN , Cody Lindley. Esta tradução é publicada e vendida com a permissão da O'Reilly Media, Inc., detentora de todos os direitos para publicação e venda desta obra. Novatec Editora Ltda Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Tradução: Gustavo Cássio de Moraes e Rafael Zanolli Revisão técnica: Thiago Galesi Revisão gramatical: Débora Facin Editoração eletrônica: Camila Kuwabata e Carolina Kuwabata ISBN: Histórico de impressões: Dezembro/2010 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: novatec@novatec.com.br Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec Dados Internacionais de Catalogação na Publicação (CIP) (Câmara Brasileira do Livro, SP, Brasil) jquery Cookbook / Comunidade de Desenvolvedores jquery. [tradução Gustavo Cássio de Moraes / Rafael Zanolli]. -- São Paulo : Novatec Editora, ISBN JavaScript (Linguagem de programação para computadores) 2. jquery 3. Web sites - Desenvolvimento 4. Web sites - Design I. Comunidade de Expert em jquery CDD Índices para catálogo sistemático: 1. jquery : Biblioteca JavaScript de código aberto : Programação Web : Computadores : Processamento de dados OGF

3 Sumário Introdução...11 Colaboradores...13 Prefácio...18 Capítulo 1 Noções básicas de jquery Incluindo o código da biblioteca jquery em uma página HTML Executando código jquery/javascript depois de carregar o DOM, mas antes do carregamento completo da página Selecionando elementos DOM utilizando seletores e a função jquery Selecionando elementos DOM em um contexto específico Filtrando um conjunto encapsulador de elementos DOM Encontrando elementos descendentes no atual conjunto encapsulado Retornando para a seleção prévia antes de uma mudança destrutiva Incluindo a seleção anterior na seleção atual Percorrendo o DOM com base em seu contexto atual para adquirir um novo conjunto de elementos DOM Criando, operando e inserindo elementos DOM Removendo elementos DOM Substituindo elementos DOM Clonando elementos DOM Obtendo, definindo, e removendo atributos de elemento do DOM Obtendo e definindo o conteúdo HTML Obtendo e definindo conteúdo de texto Usando o alias $ sem criar conflitos globais...59 Capítulo 2 Selecionando elementos com jquery Selecionando apenas elementos-filho Selecionando irmãos específicos Selecionando elementos pela ordem do index Selecionando elementos que estão atualmente animados Selecionando elementos com base no que eles contêm Selecionando elementos pelo que eles não correspondem Selecionando elementos com base em sua visibilidade Selecionando elementos com base nos atributos

4 6 jquery Cookbook 2.9 Selecionando elementos de formulários pelo tipo Selecionando um elemento com características específicas Utilizando o parâmetro de contexto Criando um seletor de filtro personalizado Capítulo 3 Para além do básico Percorrendo em loop resultados selecionados Reduzindo o conjunto de seleção a um item especificado Converter um objeto jquery selecionado em um objeto DOM puro Obtendo o índice de um item em uma seleção Fazendo um array único de valores a partir de um array existente Realizando uma ação em um subconjunto do conjunto selecionado Configurando a jquery para não entrar em conflito com outras bibliotecas Adicionando funcionalidades com plugins Determinando a consulta exata que foi usada Capítulo 4 Utilitários jquery Detectando recursos com o jquery.support Iterando sobre arrays e objetos com jquery.each Filtrando arrays com jquery.grep Iterando e modificando entradas de array com jquery.map Combinando dois arrays com jquery.merge Filtrando entradas de arrays duplicadas com jquery.unique Testando funções de callback com jquery.isfunction Removendo espaços em branco de strings ou de valores do formulário com jquery.trim Anexando objetos e dados ao DOM com jquery.data Estendendo objetos com jquery.extend Capítulo 5 Mais rápido, mais simples, mais diversão Isso não é jquery, é JavaScript! O que há de errado com o $(this)? Removendo repetições redundantes Formatando suas cadeias jquery Emprestando códigos de outras bibliotecas Escrevendo um iterador personalizado Alternando um atributo Encontrando gargalos Colocando em cache seus objetos jquery Escrevendo seletores mais rápidos Carregando tabelas mais rapidamente Codificando loops bare metal Reduzindo pesquisas de nome Atualizar o DOM mais rapidamente com.innerhtml Depuração? Quebrando essas cadeias É um bug da jquery? Rastreamento em jquery

5 Sumário Fazer menos requisições ao servidor Escrevendo JavaScript não obstrutivo Usando jquery para uma melhoria progressiva Tornando suas páginas acessíveis Capítulo 6 Dimensões Encontrando as dimensões da janela e do documento Obtendo as dimensões de um elemento Encontrando o offset de um elemento Rolagem de um elemento em exibição Determinar se um elemento está dentro da janela de visualização Centralizar um elemento dentro da janela de visualização Posicionando absolutamente um elemento em sua posição atual Posicionando um elemento relativo a outro elemento Trocando folhas de estilo com base na largura do navegador Capítulo 7 Efeitos Exibindo e ocultando elementos usando deslizamento e fading Tornando elementos visíveis deslizando-os para cima Criando um accordion horizontal Deslizando e efetuando o fading de elementos simultaneamente Aplicando efeitos sequenciais Determinando se os elementos estão atualmente sendo animados Parando e redefinindo animações Usando métodos de easing personalizados para efeitos Desabilitando todos os efeitos Usando jquery UI para efeitos avançados Capítulo 8 Eventos Anexando um manipulador a vários eventos Reutilizando uma função manipuladora com dados diferentes Removendo vários manipuladores de eventos Disparando manipuladores de eventos específicos Passando dados dinâmicos para manipuladores de evento Acessando um elemento o mais rápido possível (antes de document.ready) Parando o loop de execução do manipulador Obtendo o elemento correto quando se usa o event.target Evitar múltiplas animações hover() paralelas Fazendo manipuladores de evento funcionar para elementos recém-adicionados Capítulo 9 Eventos avançados Fazendo com que a jquery funcione quando carregada dinamicamente Aumentando a velocidade do disparo de evento global Criando seus próprios eventos Troca de dados entre handlers

6 8 jquery Cookbook 9.5 Criando plugins orientados a eventos Sendo notificado quando métodos jquery são chamados Usando métodos de objetos como ouvintes de evento Capítulo 10 Aprimoramento de formulários HTML a partir do zero Colocando foco em uma entrada de texto no carregamento da página Desabilitando e habilitando elementos de formulário Selecionando radio buttons automaticamente (Des)selecionando todas as checkboxes usando links dedicados (Des)selecionando todas as checkboxes usando um único toggle Adicionando e removendo opções de seleção Autotabulação baseada na contagem de caracteres Mostrando a contagem de caracteres restantes Restringindo a entrada de texto a caracteres específicos Enviando um formulário usando Ajax Validando formulários Capítulo 11 Aprimoramento de formulários HTML com plugins Validando formulários Criando campos de entrada mascarados Autocompletar campos de textos Selecionando um intervalo de valores Inserindo um valor com restrições Upload de arquivos em segundo plano Limitando o comprimento das entradas de texto Mostrando rótulos sobrepostos a campos de entrada Aumentando uma entrada de acordo com seu conteúdo Escolhendo uma data Capítulo 12 Plugins da jquery Onde encontrar plugins da jquery? Quando você deve escrever um plugin da jquery? Escrevendo seu primeiro plugin jquery Passando opções para seu Plugin Usando o atalho $ em seu plugin Incluindo funções privadas em seu plugin Suporte ao plugin metadata Adicionando uma função estática ao seu plugin Teste unitário de seu plugin com o QUnit Capítulo 13 Componentes de interface a partir do zero Criando tool tips personalizadas Navegando com uma árvore expansível Expandindo um accordion...330

7 Sumário Usando abas em um documento Mostrando uma janela modal simples Construindo menus drop-down Alternando imagens com fading Painéis deslizantes Capítulo 14 Interfaces de usuário com jquery UI Incluindo toda a suíte jquery UI Incluindo um ou dois plugins da jquery UI Inicializando um plugin da jquery UI com opções padrão Inicializando um plugin da jquery UI com opções personalizadas Criando seus próprios valores-padrão de plugins da jquery UI Obtendo e definindo opções de um plugin da jquery UI Chamando métodos do plugin da jquery UI Manipulando eventos de plugin da jquery UI Destruindo um plugin da jquery UI Criando um player de música com a jquery UI Capítulo 15 Temas da jquery UI Dando estilo a widgets da jquery UI com o ThemeRoller Substituindo layout e estilos de tema da jquery UI Aplicando um tema a componentes não-jquery UI Fazendo referência a múltiplos temas em uma única página Apêndice: recursos adicionais de CSS Capítulo 16 jquery, Ajax e formatos de dados: HTML, XML, JSON, JSONP jquery e Ajax Usando Ajax em todo seu site Usando Ajax simples com feedback do usúario Usando atalhos e tipos de dados Ajax Usando fragmentos HTML e jquery Convertendo XML para DOM Criando JSON Parsing do JSON Usando jquery e JSONP Capítulo 17 Usando jquery em projetos grandes Usando armazenamento lado cliente Salvando o estado da aplicação para uma sessão única Salvando o estado da aplicação entre sessões Usando um engine de template JavaScript Enfileirando requisições Ajax Lidando com o Ajax e o botão voltar Colocando JavaScript no fim da página...468

8 10 jquery Cookbook Capítulo 18 Testes de unidade Automatizando os testes de unidade Verificando resultados Testando callbacks síncronos Testando callbacks assíncronos Testando ações do usuário Como manter os testes atômicos Agrupando testes Selecionando testes para rodar Índice remissivo...483