Artigo Java Magazine 55 - Javascript Fácil com jQuery

Javascript Fácil com jQuery

Parte 2: Interação com eventos, animações e Ajax

Utilize o jQuery para criar páginas interativas, com animações visuais e comunicação assíncrona com o servidor (Ajax)

Na edição anterior, apresentamos a biblioteca de Javascript jQuery, explicando recursos básicos como seletores, mudança de aparência (css) e manipulação de atributos. Nessa segunda parte, concluímos a série ensinando um pouco mais sobre filtros, mudança de conteúdo na página, interação com o usuário, animações e Ajax. No final do artigo comentamos sobre plugins e projetos de extensão baseados nessa biblioteca.

Se você não teve a oportunidade de conhecer esse projeto ainda, o jQuery é uma solução completa para o desenvolvimento de páginas web, utilizando uma sintaxe simples e elegante, além de abstrair problemas de compatibilidade entre navegadores. Tudo nessa biblioteca gira em torno da função $, que serve para encapsular elementos do DOM (Document Object Model) e manipulá-los de forma padronizada e consistente.

O jQuery possui um conjunto de seletores (strings) que podemos passar como parâmetro para a função $, permitindo localizar elementos em uma página HTML. Embora a primeira parte do artigo já tenha abordado o assunto de seletores, existem alguns filtros que complementam essa funcionalidade e adicionam mais flexibilidade ao seu código. Precisamos explicar um pouco mais sobre esses filtros para um melhor entendimento do assunto.

Filtros complementares

O jQuery define diferentes métodos que, na maioria das vezes, são redundantes com relação aos seletores. Por exemplo (e relembrando o artigo anterior), podemos pegar todos os parágrafos que contêm a classe “menu” com $(“p.menu”). Também podemos selecionar esses mesmos elementos com $(“p”).filter(“.menu”). Os dois casos são idênticos, mas o método filter (que recebe um seletor como parâmetro) é vantajoso em casos onde você precisa trabalhar sobre um subconjunto dos elementos já selecionados. A Tabela 1 apresenta uma lista com esses métodos que complementam o trabalho dos seletores.