Utilisation sim...LOGIN

Utilisation simple de jQuery

Ajouter jQuery à une page Web

Vous pouvez ajouter jQuery à une page Web de diverses manières de 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 sont disponibles à partir du téléchargement jquery .com.

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

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

Remarque : Vous pouvez utiliser jQuery en plaçant le fichier téléchargé dans le même répertoire de la page Web.


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 Baidu jQuery CDN.

<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
< ;/script>
</head>

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
 <script>
 $(document).ready(function(){
 $("#hide").click(function(){
 $("p").hide();
 });
 $("#show").click(function(){
 $("p").show();
 });
 });
 </script>
</head>
<body>
 <p>欢迎大家来到php.cn</p>
 <button id="hide">隐藏</button>
 <button id="show">显示</button>
</body>
</html>
section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>欢迎大家来到php.cn</p> <button id="hide">隐藏</button> <button id="show">显示</button> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel