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. |
![]() |
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. |