A bliblioteca jQuery é apenas um arquivo de texto puro salvo com a extensão “js”. Para fazer uso da biblioteca em seu projeto você precisa descarregá-la do site oficial e fazer referência em seu documento HTML com o uso do elemento script ou poderá fazer uso de um CDN (Content Delivery Network) que nada mais é que uma rede de distribuição de conteúdo.
jQuery Local
Para baixar a biblioteca, visite o endereço http://jquery.com/download/. A adoção do jQuery é tamanha que existem várias opções disponíveis mas você deverá procurar por jQuery 1.x que é a versão com maior compatibilidade entre os navegadores.
Você encontrará links para a versão de desenvolvimento e de produção.
Versão de desenvolvimento
Está é a versão que deve ser usada para o ambiente de desenvolvimento onde podemos fazer estudos e testes. Quando você está criando os seus códigos em sua máquina, dizemos que você está trabalhando no ambiente de desenvolvimento. Esta versão do jQuery está em formato legível para os humanos e toda comentada.
Versão de produção
Esta é a versão que deve ser usada no ambiente de produção. Nesta versão todos os espaços e comentários foram removidos, gerando um arquivo menor e de difícil leitura pelos humanos. O conteúdo deste arquivo é o mesmo conteúdo da versão de desenvolvimento, porém em um arquivo menor.
O servidor de produção é o ambiente onde nosso site está instalado. Quando você transfere seus arquivos por FTP para o servidor onde seu site está instalado, você está transferindo os arquivos para o ambiente de produção. A versão de produção é uma versão compactada da biblioteca. Por ter um tamanho em bytes menor a sua transferencia é mais rápida durante as requisições.
Para utilizar a biblioteca, descarregue a versão desejada para seu computador. Eu costumo utilizar sempre a versão de produção já que não vou alterar a biblioteca. Geralmente ao descarregar o arquivo, seu nome conterá a versão. Para simplificar eu gosto de renomear o arquivo, por exemplo jquery.min.js. Este “min” significa minify ou minificado.
Configurando o HTML
Com o arquivo que corresponde a biblioteca jQuery descarregado, precisamos referenciá-lo em nosso documento HTML.
Veja um exemplo de como fazer isso em seu código:
Note a linha 9 fazendo a referência para a biblioteca. Deve-se estar atendo ao nome e local do arquivo. Entre a linha 11 e 12 temos um pequeno bloco de código que nos permite identificar se a biblioteca foi carregada por meio de uma mensagem escrita no corpo do documento.
Agora abra seu documento HTML no navegador para testá-lo.
CDN
Uma excelente alternativa é o uso da biblioteca jQuery de forma remota. Isto é feito com uso de um CDN, ou seja, uma rede de distribuição de conteúdo. Neste caso você não faz referência para o arquivo local e sim para o arquivo remoto pois ele está em outro computador.
Este método não é aconselhável para aplicações que vão ser executadas localmente pois caso não exista conexão com internet a biblioteca não será carregada e todas as funcionalidades dependentes da biblioteca deixarão de funcionar.
Seu uso pode ser interessante em ambiente de produção já que o fato de a biblioteca estar em outro servidor pode aumentar significativamente o tempo de transferência da biblioteca assim como tirar esta tráfego do seu servidor. Isso passa a ser relevante se seu projeto tiver milhares de acessos. Em caso de projetos pequenos com poucos acessos torna-se desnecessário.
O endereço para o CDN você também pode pegar em http://jquery.com/download/.
Para configurar seu documento basta trocar a referência local para o endereço CND.
Isso é o que é necessário saber para que você possa instalar a biblioteca em seu ambiente de desenvolvimento e produção.
Um abraço e até o próximo post.