Installation de jQuery

Ajoutez jQuery à votre page

Pour utiliser jQuery, vous devez télécharger la bibliothèque jQuery (qui sera expliquée ci-dessous) et l'inclure dans la page que vous souhaitez utiliser.

La bibliothèque jQuery est un fichier JavaScript, que vous pouvez référencer avec le tag <script> de HTML :

<head>
<script src="jquery.js"></script>
</head>

Veuillez noter que le tag <script> doit se trouver dans la partie <head> de la page.

Astuce :Vous vous demandez peut-être pourquoi nous n'avons pas utilisé type="text/javascript" dans la balise <script> ?

Dans HTML5, il n'est pas nécessaire de le faire. JavaScript est le langage de script par défaut dans HTML5 et tous les navigateurs modernes !

Télécharger jQuery

Il existe deux versions de jQuery disponibles pour le téléchargement :

  • Version de production - Utilisée dans les sites réels, réduite et compressée.
  • Version de développement - Utilisée pour les tests et le développement (non compressée, code lisible)

Ces deux versions peuvent être téléchargées à partir du jQuery.com Télécharger

Astuce :Vous pouvez placer le fichier téléchargé dans le même répertoire que la page, ce qui est plus pratique à utiliser.

Solution alternative

Si vous ne souhaitez pas télécharger et stocker jQuery, vous pouvez également l'utiliser via CDN (réseau de distribution de contenu).

Les serveurs de Google et de Microsoft contiennent tous jQuery .

Pour citer jQuery à partir de Google ou de Microsoft, utilisez l'un des codes suivants :

CDN de Google :

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Essayez-le vous-même

Astuce :Pour obtenir la version disponible la plus récente via Google CDN :

Si vous observez l'URL de Google - l'URL spécifie la version de jQuery (1.8.0). Si vous souhaitez utiliser la version la plus récente de jQuery, vous pouvez supprimer un chiffre à la fin de la chaîne de version (par exemple, dans cet exemple 1.8), Google renverra la version la plus récente disponible de la série 1.8 (1.8.0, 1.8.1, etc.), ou vous pouvez ne laisser que le premier chiffre, auquel cas Google renverra la version la plus récente disponible de la série 1 (de 1.1.0 à 1.9.9).

CDN de Microsoft :

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Essayez-le vous-même

Astuce :Utiliser jQuery de Google ou de Microsoft a un grand avantage :

De nombreux utilisateurs ont déjà chargé jQuery via Google ou Microsoft lors de leur visite sur d'autres sites. Le résultat est que lorsqu'ils visitent votre site, jQuery est chargé à partir du cache, ce qui réduit le temps de chargement. De plus, la plupart des CDN peuvent garantir que lorsque les utilisateurs demandent des fichiers, les réponses sont renvoyées à partir du serveur le plus proche de l'utilisateur, ce qui peut également accélérer le temps de chargement.