recherche
  • Se connecter
  • S'inscrire
Réinitialisation du mot de passe réussie

Suivez les projets qui vous intéressent et découvrez les dernières actualités les concernant.

Construction d'un environnement jQuery

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

Fournit trois chemins de téléchargement :

1.

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.

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>
Réinitialiser le code
Opération automatique
soumettre
Aperçu Clear
  • Recommandations de cours
  • Téléchargement du didacticiel