Construction d'un environnement jQuery

Création de l'environnement d'exploitation de jQuery

Fournit trois chemins de téléchargement :

http://code.jquery.com/jquery-3.1.1.min.js

L'adresse ci-dessus est la liste de téléchargement totale, qui contient de nombreuses versions et types de bibliothèques jQuery, Principalement divisé dans les catégories suivantes :

min : bibliothèque de classes jQuery compressée, utilisée dans des environnements formels. Par exemple : jquery-3.1.1.min.js

vsdoc : dans Visual Studio Cette version. de la bibliothèque de classes jquery doit être introduite pour permettre la détection intelligente. Par exemple : jquery-3.1.1-vsdoc2.js

package de version : il contient du code jquery non compressé, ainsi que de la documentation et des exemples de programmes pour. exemple : jquery -3.1.1-release.zip

2. Vous pouvez également télécharger la dernière version depuis le site officiel de jQuery, adresse de téléchargement : http://jquery.com/download/

Après téléchargement, c'est un fichier js, il suffit d'introduire ce fichier js dans le fichier html.

3. La dernière version de jQuery est également disponible en téléchargement à l'adresse github contenant le code source :

https://github.com/shiyanlou/jQuery-base. -code

Remarque : La version jquery-3.1.1js incluse dans l'adresse github est le fichier utilisé dans ce cours. jquery-1.11.2.min.js est la dernière version de jQuery lors de la sortie du cours. , et c'est une version compressée.

section suivante

nouveau fichier

<!doctype html>
<html lang="zh">
<head>
 <meta charset="utf-8"/>
 <title>Hello World jQuery!</title>
 <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="divMsg">Hello jQuery!</div>
<input id="btnShow" type="button" value="show" />
<input id="btnHide" type="button" value="hidden" /><br/>
<input id="btnChange" type="button" value="change content is Hello World, too!"/>
<script>
 $("#btnShow").bind("click", function(event) {
 $("#divMsg").show();
 });

 $("#btnHide").bind("click", function(event) {
 $("#divMsg").hide();
 });

 $("#btnChange").bind("click", function(event) {
 $("#divMsg").html("Hello World, too!");
 });
</script>
</body>
</html>

soumettre Réinitialiser le code

Opération automatique

Plein écran