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:
Vamos para jquery.com.
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.
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:
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.
Invocar google.load ()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ê 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ê.