jQuery下载和安装
jQuery 是一套 JavaScript 的库,它简化了使用 Javascript 进行网页特效开发的一些复杂性,提供了对常见任务的自动化和复杂任务的简化。相对于 JavaScript 的库来说,更利于学习和掌握,而且具有简体中文的帮助文档,极大的方便了英文不好的网站建设人员的学习。下面我们介绍一下 jQuery 如何下载与安装?
在实际开发中,我们建议使用 1.x 版本,而不是 3.x 版本,原因有两个:
不管是 1.x 版本,还是 3.x 版本,jQuery 文件都有两种类型:①开发版;②压缩版。表 1 是这两种类型的比较。
开发版是没有压缩的,以“jquery.js”命名,一般供开发者学习 jQuery 内部的实现原理。压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供实际开发者使用。
在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。压缩版经过压缩,体积小很多,这样也可以提高页面加载速度。那么小伙伴们就会问了:“为什么不用开发版呢?”其实 jQuery 开发版是供大家学习 jQuery 内部原理的,也就是 jQuery 是怎么开发出来的。
这就好比你使用一个软件,此时你是软件的使用者。但是要让你来开发软件,还得具备一定水平才行。对于初学者来说,我们暂时还没有那个水平去研究 jQuery 内部原理。
对于 1.x 版本来说,现在最新版本是 jquery-1.12.4.min.js。
语法
像下面这种方式就是错误的,很多初学者容易犯这种错误,大家要特别注意。
jQuery下载
对于 jQuery 文件,我们可以到 jQuery 官网下载,地址是:http://jquery.com。jQuery 文件有两个常用版本:一个是 1.x 版本,另一个是 3.x 版本。3.x 版本是目前的最新版本,与 1.x 版本有着相同的 API。1.x 版本兼容 IE6、IE7 和 IE8,而 3.x 版本不兼容 IE6、IE7 和 IE8。在实际开发中,我们建议使用 1.x 版本,而不是 3.x 版本,原因有两个:
- 现在很多网站还是要考虑兼容 IE6~IE8;
- 大多数 jQuery 插件不支持 3.x 版本,只支持 1.x 版本。
不管是 1.x 版本,还是 3.x 版本,jQuery 文件都有两种类型:①开发版;②压缩版。表 1 是这两种类型的比较。
类型 | 说明 |
---|---|
jquery.js (开发版) | 没有压缩,用于学习源代码 |
jquery.min.js (压缩版) | 高度压缩,用于实际开发 |
开发版是没有压缩的,以“jquery.js”命名,一般供开发者学习 jQuery 内部的实现原理。压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供实际开发者使用。
在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。压缩版经过压缩,体积小很多,这样也可以提高页面加载速度。那么小伙伴们就会问了:“为什么不用开发版呢?”其实 jQuery 开发版是供大家学习 jQuery 内部原理的,也就是 jQuery 是怎么开发出来的。
这就好比你使用一个软件,此时你是软件的使用者。但是要让你来开发软件,还得具备一定水平才行。对于初学者来说,我们暂时还没有那个水平去研究 jQuery 内部原理。
jQuery安装
jQuery 文件,就是一个“外部 JavaScript文件”。所谓的安装 jQuery,其实就是把这个外部 JavaScript 文件引入后,就可以使用 jQuery 语法了。对于 1.x 版本来说,现在最新版本是 jquery-1.12.4.min.js。
语法
<script src="jquery-1.12.4.min.js"></script> <script> //你的jQuery代码 </script>说明:我们必须先把 jQuery 库文件引入,才能够使用 jQuery 语法。也就是说,你写的 jQuery 代码必须放在 jQuery 库文件下面才能生效。
像下面这种方式就是错误的,很多初学者容易犯这种错误,大家要特别注意。
<script> //你的jQuery代码 </script> <script src="jquery-1.12.4.min.js"></script>此外,jQuery 库文件的路径一定要写正确。不少初学者总是发现自己写的 jQuery 代码没有实现相应的效果,原因很可能就是引入的 jQuery 库文件路径没有写正确。
相关文章
- 《Web前端开发实例教程——HTML 5+JavaScript+jQuery》PDF下载(高清完整版)
- 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》PDF下载(高清完整版)
- 《Web前端开发全程实战——HTML5+CSS3+JavaScript+jQuery+Bootstrap》PDF下载(高清完整版
- 《Web前端开发——JavaScript+jQuery活页式教程》PDF下载(高清完整版)
- 《Web前端开发技术(HTML5+CSS3+JavaScript+jQuery)(微课版)》PDF下载(高清完整版)
- 《HTML5+CSS3+jQuery Mobile轻松构造App与移动网站(第2版)》PDF下载(高清完整版)
- 《JavaScript & jQuery 交互式Web前端开发》PDF下载(高清完整版)
- Java字节流的使用:字节输入/输出流、文件输入/输出流、字节数组输入/输出流
- 数据结构有哪些,常用数据结构详解
- WebRTC技术介绍(非常详细)