Installation de jQuery
jQuery Installation
Ajouter jQuery à la page Web
Vous pouvez ajouter jQuery à la page Web de différentes manières. 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 :
- La version de production - utilisée dans les sites Web réels, a été rationalisée et compressée.
- Version de développement - pour les tests et le développement (code non compressé et lisible)
Les deux versions ci-dessus peuvent être téléchargées depuis jquery.com.
La bibliothèque jQuery est un fichier JavaScript que vous pouvez référencer à l'aide de la balise <script> de HTML :
<script src="jquery- 1.10 .2.min.js"></script>
</head>
Conseil : Placez le fichier téléchargé dans le même répertoire du Web page Ensuite, vous pouvez utiliser jQuery.
 |
|
|---|
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).
JQuery est stocké sur les serveurs Baidu, Youpaiyun, Sina, Google et Microsoft.
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.
Remarque : Tous les exemples de ce site utilisent la bibliothèque CDN Baidu jQuery.
Pour citer jQuery de Baidu, Youpaiyun, Sina, Google ou Microsoft, veuillez utiliser l'un des codes suivants :
Baidu CDN :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Youpaiyun CDN :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Instance en cours d'exécution»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Sina CDN :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html> Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Google CDN :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
 |
|
|---|
Microsoft CDN :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Instance en cours d'exécution»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
 | Il y a un gros avantage à utiliser jQuery de Baidu, Youpaiyun, Sina, Google ou Microsoft :
|
|---|
