communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

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
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492694 joue