logo Dove iniziare Linguaggi Aiuto Blog
Home Dove iniziare Linguaggi Aiuto e Supporto Info e Blog

Installazione di jQuery

jQuery, essendo una libreria aggiuntiva a JavaScript, deve essere aggiunta manualmente alla propria pagina web. Esistono principalmente due modi per farlo: includere jQuery utilizzando una CDN o scaricare lo script originale.

Aggiungere jQuery con una CDN

Un modo efficace per integrare jQuery nelle tue pagine web è utilizzare un Content Delivery Network (CDN). Il CDN è un sistema di server che ospitano copie di risorse web, come jQuery. Quando un utente accede a un sito web, il CDN fornisce automaticamente la risorsa dal server più vicino, migliorando la velocità di caricamento e l'esperienza utente.

Ecco i vantaggi principali dell'aggiungere jQuery tramite CDN:

  • Velocità di caricamento: utilizzando una CDN, gli utenti scaricheranno jQuery da un server geograficamente vicino, riducendo il tempo di caricamento.
  • Meno download di risorse: quando un utente accede a un sito web che ha inserito jQuery attraverso una CDN come quella di Google, lo script viene memorizzato nella cache del browser dell'utente. Successivamente, quando l'utente naviga su un altro sito che utilizza la stessa CDN, non sarà necessario scaricare nuovamente lo script, poiché sarà già presente nella cache del browser.

Migliori CDN per jQuery

La maggior parte dei CDN sono gratis. I più famosi sono quello di Google e quello di Cloudflare.

Vediamo come integrare jQuery con il CDN di Google (il più utilizzato):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Ecco, invece, come puoi inserire jQuery con il CDN di Cloudflare:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Puoi anche aggiungere jQuery alla pagina con il CDN di jQuery ufficiale:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

Scaricare lo script di jQuery

Se non si vuole utilizzare una CDN per aggiungere jQuery alle proprie pagine web, è possibile direttamente scaricare lo script dal sito ufficiale: jquery.com.

Nella home page del sito, puoi cliccare sul pulsante "Download jQuery" in alto a destra. Poi, carica il file sul tuo sito web e inseriscilo nelle pagine HTML in questo modo:

<script src="/.../jquery-3.7.1.min.js"></script>

In questo modo, lo script di jQuery verrà richiesto dalle pagine del tuo sito web.

Prova!Completa gli spazi vuoti con il testo appropriato.
<!-- Aggiungi jQuery alla pagina HTML -->
<script ="/jquery-3.7.1.min.js"></script>