Como usar JQuery AJAX para HTML5 e CSS3 Programming - dummies

Embora muitas bibliotecas AJAX / JavaScript pendentes estejam disponíveis para programadores HTML5 e CSS3, o jQuery tornou-se rapidamente um dos mais proeminentes. Aqui estão alguns motivos para a popularidade do jQuery:

• É uma biblioteca poderosa. O sistema jQuery é incrivelmente poderoso. Ele pode fazer todo o tipo de coisas impressionantes para tornar seu JavaScript mais fácil de escrever.

• É leve. Você precisa incluir uma referência à sua biblioteca em todos os arquivos que a precisem. Toda a biblioteca jQuery se encaixa em 55K, que é menor do que muitos arquivos de imagem. Não terá um impacto significativo na velocidade de download.

• Suporta um mecanismo de seleção flexível. jQuery simplifica e amplia o documento. getElementById mecanismo que é central para a manipulação de DOM.

• Tem um excelente suporte de animação. Você pode usar jQuery para criar elementos e desaparecer, mover e deslizar.

• Isso torna as consultas AJAX triviais. Você ficará chocado com o quão fácil é o AJAX com jQuery.

• Possui um mecanismo de evento aprimorado. O JavaScript tem suporte muito limitado para eventos. jQuery adiciona uma ferramenta muito poderosa para adicionar manipuladores de eventos para quase qualquer elemento.

• Fornece suporte a várias plataformas. A biblioteca do jQuery tenta gerenciar problemas de compatibilidade do navegador para você, então você não precisa se estressar tanto sobre exatamente qual navegador está sendo usado.

• Ele suporta widgets da interface do usuário. jQuery vem com uma poderosa biblioteca de interface de usuário, incluindo ferramentas que o HTML não possui, como controles de arrastar e soltar, controles deslizantes e selecionadores de data.

• É altamente extensível. jQuery possui uma biblioteca de plug-ins que suporta todos os tipos de recursos opcionais, incluindo novos widgets e ferramentas como integração de áudio, galerias de imagens, menus e muito mais.

• Ele apresenta novas idéias de programação poderosas. jQuery é uma ótima ferramenta para aprender sobre algumas idéias realmente interessantes, como programação funcional e objetos encadernáveis.

• É gratuito e de código aberto. Está disponível sob uma licença de código aberto, o que significa que não custa nada para usar, e você pode examiná-lo e alterá-lo se desejar.

• É razoavelmente típico. Se você optar por usar uma biblioteca AJAX diferente, você ainda pode transferir as idéias que você aprendeu no jQuery.

Como instalar jQuery

A biblioteca jQuery é fácil de instalar e usar. Siga estes passos:

1. Vá para jquery. com.

2. Baixe a versão atual.

   Atualmente, a versão mais atual é 1.10. 2. Há uma série 2. X, mas essas versões não suportam navegadores mais antigos, portanto, não serão adotadas até que os navegadores mais antigos (especialmente o IE 6 e menos) não sejam mais utilizados.

   Você pode escolher entre várias versões do arquivo. A versão minimizada é recomendada para uso real. Para tornar este arquivo tão pequeno quanto possível, todos os caracteres desnecessários foram removidos. Este arquivo é muito compacto, mas é difícil de ler. Baixe a versão não minimizada se você quiser realmente ler o código, mas geralmente é melhor incluir a versão minimizada em seus programas.

3. Armazena o arquivo resultante em seu diretório de trabalho.

   jQuery-1. 10. 2. min. js é o arquivo atual.

Para incorporar a biblioteca em suas páginas, basta ligar para ela como um arquivo JavaScript externo:

Certifique-se de incluir o código anterior antes de escrever ou incluir outro código que se refira a jQuery.

Como importar jQuery do Google

Fácil, pois é adicionar suporte jQuery, você tem outra ótima maneira de adicionar suporte a jQuery (e a outra biblioteca AJAX) para suas páginas sem baixar nada. O Google possui uma versão disponível publicamente de várias bibliotecas importantes (incluindo jQuery) que você pode baixar de seus servidores.

Isso tem algumas vantagens interessantes:

• Você não precisa instalar bibliotecas. Todos os arquivos da biblioteca permanecem no servidor do Google.

• A biblioteca é atualizada automaticamente. Você sempre tem acesso à versão mais recente da biblioteca sem fazer alterações no seu código.

• A biblioteca pode ser carregada mais rapidamente. A primeira vez que uma das suas páginas lê a biblioteca dos servidores do Google, você deve aguardar o download completo, mas a biblioteca é armazenada em um cache (uma forma de memória do navegador) para que os pedidos subsequentes são essencialmente imediatos.

Veja como você faz isso:

Essencialmente, o carregamento do jQuery do Google é um processo de duas etapas:

1. Carregar a Google API do Google.

   Use a primeira tag para se referir ao servidor da API do Google AJAX. Isso lhe dá acesso ao google. função load ().

2. Invoque o google. carregar () para carregar jQuery.

   • O primeiro parâmetro é o nome da biblioteca que deseja carregar.

   • O segundo parâmetro é o número da versão. Se você deixar este parâmetro em branco, você obtém a versão mais recente. Se você especificar um número, o Google lhe dará a última variação dessa versão.

Observe que você não precisa instalar nenhum arquivo localmente para usar a abordagem do Google.

Todas essas opções para gerenciar jQuery podem ser vertiginosas. Use qualquer técnica que seja melhor para você.