Configuration de l'environnement jQuery

Allez sur le site officiel pour obtenir la dernière version http://jquery.com/download/ Il convient de noter ici que jQuery est divisé en 2 séries de versions 1.x et 2.x. La principale différence est que. 2.x n'est plus compatible avec les navigateurs IE6, 7 et 8, le but est d'être compatible avec le développement des terminaux mobiles. Cette version est plus petite et plus rapide que jQuery 1.x en raison d'une certaine réduction du code.

Si les développeurs sont plus préoccupés par les utilisateurs d'anciennes versions d'IE, ils ne peuvent utiliser que jQuery 1.9 et les versions antérieures. Pour des raisons de compatibilité, notre cours utilise la version 1.9. Chaque série de versions de jQuery est divisée en : version compressée (compressée) et version de développement (développement). Nous utilisons la version de développement pendant le processus de développement (la version de développement est pratique pour la modification du code et le débogage), et la version compressée est utilisée pour sortie en ligne du projet (car la version compressée est plus grande (plus petite et plus rapide).

jQuery est une bibliothèque de scripts JavaScript et ne nécessite pas d'installation particulière. Il suffit d'introduire la bibliothèque jQuery via la balise script dans la balise <head>

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <title>环境搭建</title>
</head> 
<body>  
  <script type="text/javascript">
   alert($) 
   </script>
  </body>
</html>

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.

Pour référencer jQuery depuis Baidu, Youpaiyun, Sina, Google ou Microsoft, veuillez utiliser l'un des codes suivants :

<!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>

Obtenez la dernière version disponible via Google CDN :
Ce n'est pas le cas Il est recommandé d'utiliser Google CDN pour obtenir des versions, car les produits Google sont très instables en Chine.
Si vous regardez l'URL de Google, la version de jQuery (1.8.0) est spécifiée dans l'URL. Si vous souhaitez utiliser la dernière version de jQuery, vous pouvez également supprimer un numéro à la fin de la chaîne de version (comme 1.8 dans cet exemple) et Google renverra la dernière version disponible de la série 1.8 (1.8.0, 1.8 .1, etc.), ou Il est également possible de ne laisser que le premier numéro, et Google renverra la dernière version disponible de la série 1 (de 1.1.0 à 1.9.9).

L'utilisation de Baidu, Youpaiyun, Sina, Google ou jQuery de Microsoft présente un gros avantage :
De nombreux utilisateurs ont déjà commencé à visiter d'autres sites. , Google ou Microsoft ont chargé jQuery. Le résultat est que lorsqu'ils visitent votre site, jQuery est chargé à partir du cache, ce qui réduit les 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.

Formation continue

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique

Configuration de l'environnement jQuery

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]