jQuery的环境搭建

搭建jQuery的运行环境

提供三个路径下载:

1.jQuery 的在线引入 路径。

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

上面的地址是总下载列表, 里面有很多版本和类型的 jQuery 库, 主要分为如下几类:

min: 压缩后的 jQuery 类库, 在正式环境上使用.如:jquery-3.1.1.min.js

vsdoc: 在 Visual Studio 中需要引入此版本的 jquery 类库才能启用智能感知.如:jquery-3.1.1-vsdoc2.js

release包: 里面有没有压缩的 jquery 代码, 以及文档和示例程序. 如:jquery-3.1.1-release.zip

2.也可在 jQuery 的官网中下载最新版本,下载地址:http://jquery.com/download/

下载后是一个 js 文件,我们只需要在 html 文件中引入这个 js 文件,便可。

3.在包含源码的 github 地址中也有 jQuery 的最新版本提供下载,地址为:

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

注:github 地址中包含的 jquery-3.1.1js 版本是本次课程中用到的文件,jquery-1.11.2.min.js 是发布课程之时 jQuery 的最新版本,且是压缩版。

继续学习
||
<!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>
提交重置代码
高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

汪汪

引用网络上的方便点

7年前    添加回复 0

我又来了

喜欢直接从网上引CDN

7年前    添加回复 0

末日的春天

一开始看没看懂。然后仔细看了下别人的问答,其实就是引用,类似引用外部JS文件。

7年前    添加回复 0

男神

是这样,写上jquery的语句需要引入http://code.jquery.com/jquery-3.1.1.min.js

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~