jQuery Installation


Ajouter jQuery à une page Web

Vous pouvez ajouter jQuery à une page Web de plusieurs façons. Vous pouvez utiliser les méthodes suivantes:

  • depuisjquery.comTélécharger la bibliothèque jQuery
  • Charger jQuery depuis un CDN, comme depuis Google.

Télécharger jQuery

Deux versions de jQuery sont disponibles au téléchargement:

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

Les deux versions ci-dessus peuvent être téléchargées depuisjquery.comtélécharger depuis.

La bibliothèque jQuery est un fichier JavaScript que vous pouvez référencer à l'aide de la balise HTML <script> :

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

Astuce :Placez le fichier téléchargé dans le même répertoire que votre page web, et vous pourrez utiliser jQuery.

lamp Vous vous demandez pourquoi nous n'avons pas utilisé type="text/javascript" dans la balise <script> ?

En HTML5, vous n'avez pas besoin de faire cela. JavaScript est le langage de script par défaut en HTML5 et dans tous les navigateurs modernes !


Alternatives

Si vous ne voulez pas télécharger et héberger jQuery, vous pouvez aussi le référencer via un CDN (Content Delivery Network).

Les serveurs CDN Staticfile, Baidu, Upyun, Sina, Google et Microsoft hébergent tous jQuery.

Si les utilisateurs de votre site se trouvent en Chine, il est recommandé d'utiliser des adresses CDN nationales telles que Baidu, Upyun et Sina. Si les utilisateurs de votre site sont à l'étranger, vous pouvez utiliser Google et Microsoft.

Remarque :Tous les exemples de ce site utilisent la bibliothèque CDN Example.

Si vous devez référencer jQuery depuis Staticfile CDN, Upyun, Sina, Google ou Microsoft, utilisez l'un des extraits de code suivants :


CDN Baidu :

<head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head>

Essayez-le »

CDNJS:

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

Essayez-le »

Upyun CDN:

<head> <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>

Essayez-le »

Staticfile CDN:

<head> <script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"> </script> </head>

Essayez-le »

Google CDN:

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

Essayez-le »

lamp Il n'est pas recommandé d'utiliser le CDN Google pour obtenir la version, car les produits Google sont très instables en Chine.

Microsoft CDN:

<head> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> </head>

Essayez-le »

lamp L'utilisation de jQuery depuis le CDN Staticfile, Baidu, Upyun, Sina, Google ou Microsoft présente un grand avantage :

De nombreux utilisateurs ont déjà chargé jQuery depuis Baidu, Upyun, Sina, Google ou Microsoft en visitant d'autres sites. Par conséquent, lorsqu'ils visitent votre site, ils chargeront jQuery depuis le cache, ce qui réduit le temps de chargement. De plus, la plupart des CDN peuvent garantir que lorsqu'un utilisateur demande un fichier, la réponse est renvoyée par le serveur le plus proche de l'utilisateur, ce qui améliore également la vitesse de chargement.

Version de jQuery utilisée

Nous pouvons utiliser dans la fenêtre Console du navigateur$.fn.jqueryla commande pour afficher la version actuelle de jQuery utilisée :

Autres extensions