Instalação do jQuery

Adicionar jQuery ao seu site

Para usar jQuery, você precisa baixar a biblioteca jQuery (será explicado abaixo) e incluí-la na página que deseja usar.

A biblioteca jQuery é um arquivo JavaScript, que você pode referenciar usando o tag <script> do HTML:

<head>
<script src="jquery.js"></script>
</head>

Por favor, o tag <script> deve estar localizado na seção <head> da página.

Dica:Você se surpreendeu por não termos usado type="text/javascript" no tag <script>?

No HTML5, não é necessário fazer isso. JavaScript é o idioma de script padrão do HTML5 e de todos os navegadores modernos!

Baixe o jQuery

Existem duas versões do jQuery disponíveis para download:

  • Versão de produção - usada em sites reais, já compactada e comprimida.
  • Versão de desenvolvimento - usada para teste e desenvolvimento (não compactada, é código legível)

Ambas as versões podem ser baixadas de jQuery.com Download.

Dica:Você pode colocar o arquivo de download na mesma pasta da página, o que é mais conveniente para usar.

Alternativa

Se você não quiser baixar e armazenar jQuery, também pode usá-lo através de CDN (rede de distribuição de conteúdo).

Os servidores do Google e do Microsoft armazenam jQuery.

Para referenciar jQuery do Google ou Microsoft, use um dos seguintes códigos:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Experimente pessoalmente

Dica:Para obter a versão mais recente disponível através do Google CDN:

Se você observar a URL do Google - a versão do jQuery é especificada na URL (1.8.0). Se você quiser usar a versão mais recente do jQuery, também pode remover um número do final da string da versão (por exemplo, neste caso 1.8), o Google retornará a versão mais recente disponível da série 1.8 (1.8.0, 1.8.1, etc.), ou também pode deixar apenas o primeiro número, então o Google retornará a versão mais recente disponível da série 1 (de 1.1.0 a 1.9.9).

CDN do Microsoft:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Experimente pessoalmente

Dica:Um grande benefício de usar jQuery do Google ou Microsoft é:

Muitos usuários já carregaram jQuery do Google ou Microsoft ao visitar outros sites. Como resultado, quando eles visitam seu site, jQuery é carregado do cache, o que reduz o tempo de carregamento. Além disso, a maioria dos CDN pode garantir que, quando o usuário solicita um arquivo, a resposta é retornada pelo servidor mais próximo do usuário, o que também pode melhorar a velocidade de carregamento.