Manual de jQuery

O manual de jQuery pretende explicar o popular framework Javascript jQuery, com o qual poderemos fazer aplicações web avançadas do lado do cliente.
Capítulos do manual
1.- Introdução a jQuery
O que é jQuery, para que serve e que vantagens tem utilizar este framework Javascript.

2.- Demo muito simples de uso de jQuery
Vamos fazer nosso primeiro script em jQuery, com umas funcionalidades muito simples, para que sirva de demo de uso deste framework.

3.- Passos para utilizar jQuery em sua página web
Uma descrição do funcionamento de seu primeiro script jQuery, em sua própria página web, passo a passo.

4.- Básicos jQuery: adicionar e tirar classes CSS sobre elementos
Outro exemplo básico com jQuery, para mostrar como se podem adicionar e tirar classes CSS a elementos da página, sob a resposta de eventos de usuário.

5.- Mostrar e ocultar elementos da página com jQuery
Com o método css() de jQuery podemos aplicar qualquer estilo css a elementos da página. Veremos como aplicá-lo para mostrar e ocultar elementos da página.

6.- Efeitos rápidos com jQuery
Alguns efeitos dinâmicos podem ser feitos com jQuery com rapidez impactante e com extremamente pouco código Javascript.

7.- Callback de funções jQuery
Com callback de jQuery podemos fazer uma sequência de chamadas a funções ou uma pilha de funções que se executarão uma atrás da outra.

8.- Uso de Ajax muito simples com jQuery
É muito fácil desenvolver Ajax com jQuery. Neste artigo veremos o exemplo mais simples de Ajax com o framework Javascript jQuery.

9.- Ajax jQuery com mensagem de carregamento
Vejamos mais possibilidades de Ajax em jQuery, modificando um exemplo anterior, para criar uma mensagem de carregamento enquanto o usuário espera a resposta Ajax do servidor.

10.- Core de jQuery
O core de jQuery é formado pelas funções mais recorrentes e que formam a base sobre a qual se assenta qualquer coisa neste framework Javascript.

11.- Função jQuery ou função $()
Veremos com detalhes a função mais importante de jQuery e para isso começaremos vendo seu uso mais comum: selecionar elementos da página e obter um objeto jQuery com os elementos selecionados.

12.- Outros usos da função $()
A função jQuery(), ou com sua abreviação $(), possui outros usos interessantes quando lhe enviamos parâmetros diferentes daqueles vistos no artigo anterior.

13.- Core/each: each do core de jQuery
Conheçamos com detalhes o método each do core de jQuery, para executar uma função em cada um dos elementos de um grupo.

14.- Método size() e propriedade length do core de jQuery
Duas formas de ter acesso ao número de elementos que há em um objeto jQuery, através do método size() e da propiedade length.

15.- Método data() Core jQuery
O método data() do core de jQuery serve para armazenar informação nos elementos da página, em pares nome de variáveis e valor. Veremos também o método removeData() para eliminar dados armazenados.

16.- Considerações interessantes sobre data() e removeData()
Agora veremos alguns pontos interessantes e novos exemplos sobre o funcionamento dos métodos data() e removeData() de jQuery.

17.- Seletores em jQuery
Os seletores servem para selecionar elementos da página a partir de uma cadeia de texto que passamos à função jQuery.

18.- Exemplo para praticar com seletores do jQuery
Exemplo de página que nos permitirá realizar práticas com os seletores do jQuery.

19.- Seletores de Hierarquia em jQuery
Seletores que servem para selecionar elementos atendendo à estrutura ou hierarquia das etiquetas da página.

20.- Acessar e modificar atributos HTML desde jQuery
Em jQuery existe uma função chamada attr() que serve para recuperar e alterar atributos dos elementos da página.

21.- Método attr() de jQuery, outros usos e removeAttr()
Um uso adicional do método attr() de jQuery, para modificar atributos com o valor retornado de uma função e apagar atributos de elementos da página com removeAttr().

22.- Método css() de jQuery
Sem dúvida css() é um dos métodos mais utilizados no dia- a- dia do trabalho com jQuery. Serve para mudar e obter o valor de qualquer atributo css.

23.- Funções CSS de jQuery para saber o tamanho e a posição de elementos
Seguimos vendo funções CSS do framework Javascript jQuery, neste caso as que servem para conhecer o tamanho e posição dos elementos na página.

24.- Eventos em jQuery
Uma introdução ao trabalho com eventos no framework Javascript jQuery.

25.- Manipuladores de eventos em jQuery
Uma relação com os diferentes manejadores eventos que podemos definir em jQuery, ordenados pelos tipos eventos de mouse, eventos de teclado ou quaisquer dos dois.

26.- Introdução Objeto evento em jQuery
Explicações iniciais sobre o objeto evento em jQuery e mostramos como verificar a posição do mouse ao se produzir um evento na página.

27.- Eventos de mouse em jQuery mouseenter e mouseleave
Prática com eventos de mouse em jQuery, na que mostraremos o uso de mouseenter e mouseleave, junto com o objeto evento, para averiguar a posição do mouse.

28.- Definir eventos com bind() e eliminá-los com unbind()
O método bind() serve para definir eventos de maneira geral, de qualquer tipo. Com o método unbind() podemos eliminar um manipulador qualquer indicado com bind().

29.- Eventos definidos com live() em jQuery
Método live() para definir eventos em jQuery: como criar eventos sobre elementos que coincidam com um seletor, no momento atual ou no futuro.

30.- Eventos teclado jQuery
Como trabalhar com eventos de teclado em jQuery e saber que teclas os usuários pressionaram, através da propriedade which do objeto evento.

31.- Primeiros passos com jQuery UI
Guia para começar jQuery UI, uma biblioteca de componentes prontos para usar em páginas dinâmicas do cliente, criada a partir do framework Javascript jQuery.

32.- Accordion de jQueryUI
O plugin accordion de jQueryUI nos permite mostrar conteúdos de uma maneira dinâmica. Explicamos como utilizá-lo.

33.- Funcionalidade de arrastar com jQueryUI
Como implementar o comportamento arrastar através de jQueryUI e dos elementos draggable.

34.- Introdução a Kendo UI
Kendo UI é uma biblioteca Javascript para o desenvolvimento de aplicações web enriquecidas do lado do cliente, com diversas interfaces de usuário dinâmicas baseadas em jQuery.

35.- Plugins em jQuery
Vejamos o que são os Plugins em jQuery e como podemos criá-los para expandir as possibilidades do framework.

36.- Regras para o desenvolvimento de plugins em jQuery
Para construir plugins em jQuery temos que seguir uma série de normas. Além disso, veremos um novo exemplo prático sobre o desenvolvimento de plugins em jQuery.

37.- Plugin jQuery: textarea com conta de caracteres
Segundo exemplo de plugin prático em jQuery para fazer textarea que faz a conta dos caracteres escritos pelo usuário.

38.- Gerenciamento de opções em plugins jQuery
Maneira de gerenciar opções nos plugins de jQuery, através de um objeto de options enviado ao invocar o plugin, para fazê-los um pouco mais versáteis e com configuração más fácil.

39.- Funções e variáveis dentro de plugins jQuery
As funções nos plugins podem ser vistas como funções e variáveis privadas do plugin, que nos servem para definir uma melhor lógica de programação e estrutura de dados e código.

40.- Plugin checkbox personalizado com jQuery
Um plugin em jQuery para fazer um campo de formulário checkbox mas com um desenho diferente, totalmente personalizável pelo desenvolvedor.

41.- jQuery CDN ou hosting local das bibliotecas
O CDN nos oferece uma maneira mais otimizada de incluir as bibliotecas jQuery. Vantagens e inconvenientes da opção de alojar o código do framework jQuery em local ou lincá-lo a partir de um dos serviços CDN.

42.- Alias personalizado e ocultar código em plugins jQuery
Como criar um alias personalizado a $, para melhorar a compatibilidade em todos os contextos e ocultar o código privado dos plugins jQuery.

43.- jQuery animate(): Animação de propriedades CSS
O método animate() de jQuery permite animar várias propriedades, com valores numéricos, de CSS em um só passo.

44.- Animações de cor com jQuery
Como realizar animações com cores em jQuery por meio do método animate() e do plugin Color animation jQuery.

45.- Fading em jQuery
Efeitos da mudança de opacidade dos elementos na página, com os métodos de fading em jQuery, fadeIn(), fadeOut() y fadeTo().

46.- Filas de efeitos em jQuery
Vamos explicar o que é uma fila de efeitos, para que nos serve e como se configuram as filas de efeitos no framework Javascript jQuery.

47.- Método jQuery.extend()
Um dos métodos do pacote utilities de jQuery que serve para estender o conteúdo de dois ou mais objetos em um deles.

48.- $.get() de jQuery para fazer uma solicitação Ajax tipo HTTP GET
Análise e exemplos da função $.get() de jQuery que serve para fazer uma solicitação Ajax ao servidor na qual podemos enviar dados pelo método GET.

49.- Eventos em uma solicitação ajax com $.get() em jQuery
Tratamento de eventos relacionados com as solicitações ajax em jQuery a partir da função $.get().

50.- Parâmetros recebidos pelas funções dos eventos Ajax
Exemplos de solicitação Ajax com diversos eventos, nos que se recebem parâmetros com dados e referências úteis para os scripts jQuery.


Downloads
Versão imprimível do manual Versão imprimível do manual. Agora você tem a possibilidade de obter o manual em um só arquivo optimizado para sua melhor impressão.

Archivo de descarga 184 KB Manual de jQuery. O manual de jQuery pretende explicar o popular framework Javascript jQuery, com o qual poderemos fazer aplicações web avançadas do lado do cliente.

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foi enviado 1 comentário à manual
1 comentário não revisado
0 comentários revisados

Usuários :    login / registro

Neste manual
Baixar manual

Categorias relacionadas:

Manuais relacionados