Conforme já explicado no post o que é o jQuery e para que serve, você provavelmente já compreendeu que é um framework que visa a celeridade e simplificação na construção de código javascript com dinamização da DOM em uma página web. O que torna questões complexas de JavaScripts em querys simplificadas.

Entretanto não basta aplicar a sintaxe jQuery e você já terá funções com manipulação de eventos, HTML transversal, animação e Ajax. Você precisará primeiro carregar alguns arquivos em sua página para ativar seu uso.

Os arquivos a serem carregados são algo como jquery-???.min.js,  mas antes de falarmos nos arquivos propriamente dito e preciso saber que você tem duas opções de utilização. A primeira você baixa esses arquivos e disponibiliza diretamente em seu site, e a segunda você faz referência a algum CDN (Content Delivery Network) que disponibilize esses arquivos.

Então você deve estar se perguntando qual seria a vantagem e desvantagem entre as duas formas?

De um lado ao usar um CDN você terá alta disponibilidade, velocidade e distribuição de carga para o seu servidor. Lógico que a CDN moderna vai muito além disso, como proteção contra DDoS, ataques de hackers e spammers. Com isso até mesmo sua franquia de transferência no servidor não será consumida com esses arquivos. A garantia da imutabilidade também é um fator forte, pois caso seu servidor seja invadido esses arquivos ficarão livres de injeção de código malicioso.

Quando você disponibiliza os arquivos de plugins JavaScript em seu servidor local, todas as caraterísticas do CDN terão que ser implementadas por você. A vantagem nesse parte é o controle total do conteúdo disponibilizado além de poder editar seu conteúdo.

Como estou referendo-me a conteúdo estático disponibilizado via CDN, acredito que a melhor opção mesmo é o uso desses recursos via CDN de terceiros.

Mas caso queira instalar localmente, você precisará baixar os arquivos necessários em jquery.com e disponibiliza-los em sua pasta pública dentro de uma subpasta chamada por exemplo de /js. Depois disso basta fazer a carga desse arquivo dentro de sua página html:

Ex: index.html com jQuery local


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JQuery em Servidor Próprio</title>
    </head>
    <body>
        <!--
            Seu código HTML aqui
        -->
        <script type="text/javascript" src="/js/jquery-3.2.0.min.js"></script>
        <script type="text/javascript">
        /**
         * Seu código jQuery aqui
         */           
        </script>
    </body>
</html>

Ex: index.html com jQuery em CDN


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JQuery em Servidor Próprio</title>
    </head>
    <body>
        <!--
            Seu código HTML aqui
        -->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script type="text/javascript">
        /**
         * Seu código jQuery aqui
         */           
        </script>
    </body>
</html>

Apôs adição em seu código HTML de uma das formas acima, você já estará capacitado a adicionar querys jQuery.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.