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>
Formation continue
||
<!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
  • Recommandations de cours
  • Téléchargement du didacticiel
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!