Maison > Article > interface Web > Comment installer jquery
Comment installer jquery
- 藏色散人original
- 2020-11-10 11:29:263779parcourir
Comment installer jquery : 1. Téléchargez la bibliothèque jQuery depuis "jquery.com" et ajoutez jQuery à la page Web ; 2. Chargez jQuery depuis CDN, par exemple en chargeant jQuery depuis Google.
L'environnement d'exploitation de ce tutoriel : système windows10, jquery1.10.2, cet article est applicable à toutes les marques d'ordinateurs.
Recommandé : "Tutoriel vidéo jquery"
Installation de jQuery
dans le page Web Ajouter jQuery
Il existe de nombreuses façons d'ajouter jQuery à une page Web. Vous pouvez utiliser les méthodes suivantes :
Télécharger la bibliothèque jQuery depuis jquery.com
Charger jQuery depuis CDN, par exemple en chargeant jQuery depuis Google
Télécharger jQuery
Il existe deux versions de jQuery disponibles en téléchargement :
Version de production - Pour une utilisation sur des sites Web réels, il a été rationalisé et compressé.
Version de développement - pour les tests et le développement (code non compressé et lisible)
Les deux versions ci-dessus sont disponibles à partir du téléchargement jquery .com.
La bibliothèque jQuery est un fichier JavaScript, vous pouvez le référencer à l'aide de la balise HTML <script> : </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 de la page web, et vous pouvez utiliser jQuery.
lamp Vous vous demandez pourquoi nous n'utilisons pas type="text/javascript" dans la balise <script> </script>
En HTML5, vous n’êtes pas obligé de faire ça. JavaScript est le langage de script par défaut dans HTML5 et dans tous les navigateurs modernes !
Alternatives
Si vous ne souhaitez pas télécharger et héberger jQuery, vous pouvez également le référencer via un CDN (Content Delivery Network).
Les serveurs Staticfile CDN, Baidu, Youpaiyun, Sina, Google et Microsoft stockent tous jQuery.
Si les utilisateurs de votre site sont nationaux, il est recommandé d'utiliser des adresses CDN nationales telles que Baidu, Youpaiyun, Sina, etc. Si les utilisateurs de votre site sont étrangers, vous pouvez utiliser Google et Microsoft.
Pour référencer jQuery depuis Staticfile CDN, Youpaiyun, Sina, Google ou Microsoft, veuillez utiliser l'un des codes suivants :
Staticfile CDN: <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head>
百度 CDN: <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head>
又拍云 CDN: <head> <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>
Sina CDN:
<head> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head>
Google CDN: <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head>
lamp Non C'est Il est fortement recommandé d'utiliser Google CDN 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>
lamp L'utilisation de Staticfile CDN, Baidu, Youpaiyun, Sina, Google ou jQuery de Microsoft présente un gros avantage :
De nombreux utilisateurs ont déjà démarré à partir de Baidu lors de la visite d'autres sites, Youpaiyun, Sina, Google ou Microsoft a chargé jQuery. Le résultat est que lorsqu'ils visitent votre site, jQuery est chargé depuis le cache, ce qui réduit le temps de chargement. Dans le même temps, la plupart des CDN garantissent que lorsqu'un utilisateur lui demande un fichier, une réponse est renvoyée par le serveur le plus proche de l'utilisateur, ce qui peut également améliorer les vitesses de chargement.
Version de jQuery
Nous pouvons utiliser la commande $.fn.jquery dans la fenêtre de console du navigateur pour afficher la version actuelle de jQuery :
Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!