Como configurar e começar a usar o jQuery?

O jQuery é uma das bibliotecas JavaScript mais usadas do horário atual, o JQuery permite que seus usuários executem funções que normalmente exigem muitas linhas de código com apenas algumas frases curtas de JavaScript. Os desenvolvedores do jQuery envolveram funcionalidades importantes que um desenvolvedor da web requer com bastante frequência em diferentes funções que ele pode implementar simplesmente chamando a função e seguindo uma sintaxe específica.

Mas, como configurar o jQuery em seu projeto? Bem, existem três maneiras principais de importar jQuery em seu projeto. Esses 3 métodos são:

• Baixando o jQuery e adicionando -o no seu arquivo html como um script
• Usando um jQuery hospedado em CDN em seu projeto
• Se você estiver trabalhando em um projeto NodeJS, poderá instalar o jQuery a partir do NPM

Vamos analisar todos os três métodos

Método 1: baixando e vinculando jQuery em seu projeto

A primeira e a maneira mais padrão de configurar e usar o jQuery é ir ao site oficial deles.

No site da JQuery, existem duas versões diferentes disponíveis para download, uma das versões é conhecida como “Versão de produção”E o outro é conhecido como“Versão de desenvolvimento”. A principal diferença entre essas duas versões é que a produção é compactada e é a mais adequada para sites ao vivo, enquanto o desenvolvimento é uma versão não compactada para testar recursos recém -lançados e recursos beta também.

Depois de baixar a versão que você parece adequado, você precisa incluir o arquivo jQuery no html com o tag de script Porque, no final do dia, o jQuery é a biblioteca de JavaScript.

Para isso, você usa as seguintes linhas de código:

E com eles agora você está pronto para escrever código jQuery em seu site.

Método 2: Usando um jQuery hospedado em CDN em seu projeto

CDN significa rede de entrega de conteúdo e você pode usar o jQuery que está hospedado em um CDN, por exemplo, CDN do Google. Vá para o Google e pesquise "JQuery CDN Google" e você receberá um link para o jQuery do Google CDN como mostrado abaixo:

Copie este link e coloque -o dentro do seu arquivo html sob a tag de script, será assim

O uso de um jQuery hospedado em CDN tem seus próprios benefícios, primeiro e a principal vantagem de usar isso é que seu jQuery está sempre atualizado. Em segundo lugar, a maioria dos navegadores tropeçou em um jQuery hospedado na CDN enquanto navegava na Internet; portanto, quando o cliente chega ao seu site, o navegador deles não precisa baixar o jQuery, pois já está presente em sua memória de cache.

Método 3: Usando o NPM para instalar o jQuery

O JQuery também está disponível na biblioteca da NPM e, portanto, pode ser instalado em um projeto NodeJS usando a seguinte linha no terminal do Editor de Código:

NPM Instale jQuery

E se você estiver trabalhando em uma CLI baseada em fios, poderá instalar o jQuery usando a seguinte linha:

Fios Adicione jQuery

E isso é sobre como configurar o jQuery, agora você pode escrever seu código com jQuery incluído dentro dele.

Usando jQuery

Para demonstrar o uso do jQuery, crie um novo arquivo HTML e adicione as seguintes linhas nesse arquivo:

Eu sou um campo de texto

Com isso, você obterá a seguinte saída no seu navegador:

Agora, crie uma tag de script e escreva as seguintes linhas de jQuery dentro dela para alterar a cor de fundo do campo de texto:

Com essas linhas, você observará a seguinte mudança na saída:

É isso, você configurou e usou com sucesso o jQuery.

Conclusão

O JQuery é uma biblioteca de JavaScript indispensável quando se trata de sites de codificação, devido ao fato de isso economizar muito tempo para o desenvolvedor. O jQuery contém operações usadas com frequência para desenvolvimento web, que exigem várias linhas de código embrulhadas dentro de uma função que pode ser utilizada usando a quantidade mínima de código. O jQuery pode ser incluído dentro do nosso projeto de três maneiras diferentes e abordamos todas essas três maneiras neste post.