使用jQuery有以下两种方式:
- 在官网下载http://jquery.com/download/
- 从CDN中载入jQuery。(CDN:内容分发网络,目的是使用户从网络上就近取得内容)
第一种方式:
各版本比较:
版本 | 描述 |
1.x | 兼容ie678,使用最为广泛的,官方只做bug维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 |
2.x | 不兼容ie678,很少人使用,官方只做bug维护,功能不再新增。如果不考虑兼容版本低的浏览器可以使用2.x,最终版本:2.2.4 |
3.x | 不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。目前最新版本:3.4.1 |
jQuery的每一个版本都分为压缩版 (compressed、production)和开发版(development、uncompressed)。前者用于实际的网站中,已被精简和压缩,体积小,效率快。后者用于测试和开发,便于调试,未压缩是可读的代码。
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
提示:将下载的文件放在与网页的同一目录下,可以直接使用,若不在一个目录则src处需要加上目录。建议放在同一目录下。
第二种方式:
若你不想下载并存放jQuery,也可以通过CDN引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
Staticfile CDN:
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>
百度 CDN:
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
又拍云 CDN:
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
新浪 CDN:
<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
//不建议使用,不稳定
Microsoft CDN:
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>