JQuery: conectando a uma página da web

Índice:

JQuery: conectando a uma página da web
JQuery: conectando a uma página da web
Anonim

jQuery é uma biblioteca Javascript que se concentra em como as tecnologias HTML, JavaScript e CSS funcionam juntas.

O que o jQuery pode fazer

A biblioteca pode trabalhar com a seguinte lista de tarefas:

  • pode acessar absolutamente qualquer elemento do page object model (DOM) e realizar manipulações complexas com eles;
  • manipulação de eventos suportada;
  • existe funcionalidade para vários efeitos gráficos e animações;
  • trabalho simplificado com a tecnologia de carregamento dinâmico AJAX (um recurso muito importante e extremamente útil, mas não sobre isso agora);
  • jQuery possui um grande número de plugins próprios, cuja principal função é implementar interfaces gráficas do usuário e interação do usuário com elas.

Versões compactadas e não compactadas da biblioteca

Os desenvolvedores têm várias opções para o script - uma é compactada, a outra não. A versão completa é muito conveniente de usar na fase de codificação e depuração (teste) de aplicativos da web. A versão minimalista, por outro lado, terá poucas vantagens úteis durante a depuração, mas carrega muito mais rápido e ocupa menos espaço. Portanto, uma versão compactada do jQuery é apropriadause já no projeto finalizado, pois economiza tráfego do servidor e espaço em disco.

conexão jquery
conexão jquery

Como escolher a versão correta do jQuery

Existem vários mainstreams no jQuery hoje - as ramificações 1.x, 2.xe 3.x. A diferença marcante é que, a partir da segunda versão, foi descontinuado qualquer suporte para navegadores desatualizados, como o navegador da Microsoft Corporation - Internet Explorer, até e incluindo a oitava versão.

Esta decisão permitiu reduzir o volume físico de dados na biblioteca em dez por cento e otimizar ligeiramente o seu trabalho. No entanto, ainda existem computadores domésticos e corporativos no mundo onde o antigo Internet Explorer está instalado como navegador principal, embora a porcentagem desses usuários não ultrapasse 3% em todo o mundo. Portanto, cabe a você suportar ou não a plataforma desatualizada.

Os desenvolvedores do jQuery aderem aos princípios de retrocompatibilidade de versões. Isso significa que o código escrito para a versão 1.7 da biblioteca também funcionará com a versão 1.8. Mas às vezes a empresa desenvolvedora remove funções do jQuery que não são úteis, então é melhor reler a documentação da nova versão se você for atualizar.

Em 2016, uma nova ramificação do jQuery foi lançada. Era a versão 3.0, que ficou ainda mais rápida e leve que as versões antigas. Os hacks foram finalmente removidos dela para implementar algumas funções em navegadores desatualizados, o que permitiu que a biblioteca se posicionasse como uma ferramenta de desenvolvimento moderna e poderosa.

Se o seuo projeto já está vinculado a alguma biblioteca, então primeiro estime os custos de mão de obra para a atualização. Se o benefício da nova versão valer a pena, sinta-se à vontade para começar a trabalhar. Para todos os desenvolvedores que estão começando a usar a ferramenta em seus projetos, é aconselhável começar diretamente com as versões mais recentes.

Como começar com jQuery

O primeiro passo é conectar o jQuery. Para fazer isso, você precisa baixar diretamente a biblioteca do recurso de desenvolvedor jquery.com, ou de um espelho, e colocar a biblioteca em seu servidor web.

Agora vamos fazer a conexão real do jQuery com a página web. A conexão de vários scripts na linguagem de marcação de hipertexto é tratada pela tag script. Conecte o jQuery com o seguinte código:

conexão jquery
conexão jquery

Esta opção é boa para conexão offline, mas existem muitas outras formas de uso do servidor.

Conecte jQuery usando serviços em nuvem

O Google fornece o serviço de Bibliotecas Hospedadas, com o qual qualquer pessoa pode conectar um framework ou biblioteca popular ao seu aplicativo da web. Para conectar o jQuery via Google Cloud Storage, use a string que corresponde à versão selecionada no seguinte padrão:

como incluir biblioteca jquery
como incluir biblioteca jquery

Os números na coluna de versões correspondem ao número da versão que está disponível para instalação e trabalho posterior com ele. Para conectar qualquer uma das versões intermediárias, basta copiá-lanúmero numérico na string de conexão em vez dos números especificados no exemplo.

Você sempre pode ver a lista de versões atuais em:

developers.google.com/speed/libraries/jquery

Se você não confia no Google por qualquer motivo, mas ainda quer saber como obter a biblioteca jQuery de um servidor confiável de terceiros, use o repositório da Microsoft.

incluir biblioteca jquery
incluir biblioteca jquery

jQuery é uma das melhores ferramentas para criar animações facilmente em páginas da web. Quando você perceber o poder dessa ferramenta, ficará muito feliz por ter começado a aprender essa biblioteca.

Céticos entre estudantes e desenvolvedores acreditam que é melhor implementar tudo usando uma linguagem de programação pura, sem usar bibliotecas de terceiros. Mas você precisa entender que o arquivo jQuery tem apenas trinta e dois kilobytes e provavelmente já está no cache do navegador do seu usuário se você incluir o script por meio do Google. Portanto, não tenha medo de aprender ferramentas que facilitam a vida de um desenvolvedor. Afinal, para isso incluímos a biblioteca jQuery - para não reinventar a roda.

Recomendado: