Como usar ajax jquery para html5 e css3 programação
Embora muitos excelentes 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:
Conteúdo
Video: Banner rotativo personalizado com HTML + CSS + JQUERY - Jquery Aula 5
É uma biblioteca poderosa. O sistema jQuery é incrivelmente poderoso. Ele pode fazer todos os tipos de coisas impressionantes para fazer seu javascript mais fácil de escrever.
Video: TUDO TUTS - Multi passos Carrinho de compras Checkout - html5 - css3 - jquery #12
É leve. Você precisa incluir uma referência à sua biblioteca em todos os arquivos que precisa dele. toda a biblioteca jQuery se encaixa em 55K, que é menor do que muitos arquivos de imagem. Ele não terá um impacto significativo sobre a velocidade de download.
Ele suporta um mecanismo de selecção flexível. jQuery simplifica grandemente 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 elementos aparecer e desaparecer, mover e slide.
Faz AJAX consulta trivial. Você vai ficar chocado com o quão fácil AJAX é com jQuery.
Ele tem um mecanismo de eventos reforçada. 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 questões 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 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 idéias de programação. jQuery é uma grande ferramenta para aprender sobre algumas idéias realmente interessantes como 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 pode transferir as idéias que você aprendeu na 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, por isso não será adotada 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 entre uma série 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. Baixar a versão 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. 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 ficar no servidor do Google.
A biblioteca é atualizada automaticamente. Você sempre tem acesso à mais recente 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 as solicitações subseqüentes são essencialmente imediato.
Veja como fazer isso:
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 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 você 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 essas opções para gerenciar jQuery pode ser estonteante. Use o que técnica funciona melhor para você.