1.下载带本地
- 获取jQuery源文件
- 引入页面,同时注意引用顺序,引入之后才能使用
<script src="jquery-3.3.1.min.js" />
2.CDN引入
- 找可靠的CDN提供商,如:https://www.bootcdn.cn/
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
3.是否压缩
jquery.js 和 jquery.min.js 的区别:
jquery.js是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目。jquery.min.js是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些优化。
这个版本一般用于网站引用使用,减小文件体积,降低网站流量,提升访问速度等。
4.版本选择
jQ 大体分为三个版本:1.xx 、 2.xx 、 3.xx,三个版本对比如下:
版本号 | 说明 |
---|---|
1.XX版本 | 兼容 IE678;不再更新;插件多; |
2.XX版本 | 不兼容 IE678;不再更新;插件少; |
3.XX版本 | 不兼容 IE678;仍在更新;插件少; |
1.xx 版本优点在于支持 IE678,可以做浏览器兼容,插件是最丰富的的。1.7 之前的 1.x.x 版本与现在的高版本API相差较大,且选择器等各方面性能不高,因此推荐使用选用 1.7 之后的 1.x.x 版本。
2.x.x 版本相较于第一版没有增加什么新特性,主要是去除了对 IE678 的支持,提升了性能,减小了体积。
3.x.x 版本相较于之前版本,增加、删除、更改一些属性。
5. 查看 jQ 版本
console.log($.fn.jquery)