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.

Formation continue

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

Construction d'un 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]