|
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.- 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. |
|
|
34.- Plugins em jQuery
Vejamos o que são os Plugins em jQuery e como podemos criá-los para expandir as possibilidades do framework. |
|
|
35.- 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. |
|
|
36.- 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. |
|
|
37.- 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. |
|
|
38.- 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. |
|
|
39.- 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. |
|
|
40.- 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. |
|
|
41.- 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. |
|
|
42.- 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. |
|
|
43.- 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. |
 |
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. |
 |
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. |
