Como usar AJAX jQuery para HTML5 e CSS3 Programação

Embora muitos pendentes bibliotecas AJAX / javascript estão disponíveis para programadores HTML5 e CSS3, jQuery rapidamente se tornou um dos mais proeminentes. Aqui estão algumas razões para a popularidade do jQuery:

  • É uma biblioteca poderosa. O sistema jQuery é incrivelmente poderoso. Ele pode fazer todos os tipos de coisas impressionantes para fazer o seu javascript mais fácil de escrever.

  • É leve. Você precisa incluir uma referência à sua biblioteca em cada arquivo que precisa dele. Toda a biblioteca jQuery encaixa em 55K, que é menor do que muitos ficheiros de imagem. Ele não terá um impacto significativo na velocidade de download.

  • Ele suporta um mecanismo de selecção flexível. jQuery simplifica muito e expande o document.getElementById mecanismo que é central para a manipulação de DOM.

  • Ele tem grande apoio de animação. Você pode usar jQuery para fazer os elementos aparecer e desaparecer, mover e slide.

  • Faz AJAX consulta trivial. Você vai ficar chocado com o quão fácil é AJAX com jQuery.

  • Tem um mecanismo de eventos melhorada. javascript tem suporte muito limitado para eventos. jQuery adiciona uma ferramenta muito poderosa para adicionar manipuladores de eventos para praticamente qualquer elemento.

  • Ele fornece suporte multi-plataforma. A biblioteca jQuery tenta gerir as questões de navegador de compatibilidade para você, para que você não tem que insistir tanto sobre exatamente qual navegador está sendo usado.

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

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

  • Ele introduz novas e poderosas ideias de programação. jQuery é uma grande ferramenta para aprender sobre algumas ideias muito interessantes como a programação funcional e objetos chainable.

  • É livre e open source. Ele está disponível sob uma licença de código aberto, o que significa que não custa nada para usar, e você pode olhar sobre ele e alterá-lo se desejar.

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

Como instalar o jQuery

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

  1. Vamos para jquery.com.

  2. Faça download da 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, de modo que não será aprovado até que os navegadores mais antigos (particularmente IE 6 e menos) não são mais usados ​​em tudo.

    Você pode ser capaz de escolher a partir de um número de versões do arquivo. A versão minimizada é recomendado para uso real. Para tornar este arquivo tão pequeno quanto possível, cada personagem desnecessária foi removida. Este arquivo é muito compacto, mas difícil de ler. Baixe a versão de nonminimized se você quer realmente ler o código, mas é geralmente melhor para incluir a versão minimizada em seus programas.

  3. Armazenar o arquivo resultante para seu diretório de trabalho.

    jQuery-1.10.2.min.js é a imagem atual.

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

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

Como importar jQuery do Google

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

Isto tem algumas vantagens interessantes:

  • Você não tem que instalar qualquer bibliotecas. Todos os arquivos de biblioteca permanecer no servidor do Google.

  • A biblioteca é atualizada automaticamente. Você sempre tem acesso à última versão da biblioteca sem fazer quaisquer alterações ao seu código.

  • A biblioteca pode carregar mais rápido. A primeira vez que uma de suas páginas lê a biblioteca dos servidores do Google, você tem que esperar o download completo, mas, em seguida, a biblioteca é armazenada em um esconderijo (Uma forma de memória do navegador) para que os pedidos subsequentes são essencialmente imediato.

Veja como fazer isso:

 src ="Http://google.com/jsapi"> Lt;/ Script>

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

  1. Carregar a API do Google a partir do Google.

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

  2. Invocar google.load ()para carregar jQuery.

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

  4. O segundo parâmetro é o número da versão. Se você deixar este parâmetro em branco, você tem a versão mais recente. Se você especificar um número, o Google dá-lhe a mais recente variação dessa versão.

Note que você não precisa de instalar qualquer arquivo localmente para usar a abordagem do Google.

Todas estas opções para gerir jQuery pode ser estonteante. Use a técnica que funciona melhor para você.

menu