jQuery下载安装使用教程

一:下载jQuery

1.jQuery版本
  • 1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)
  • 2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)
  • 3.x:不兼容IE678,只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。
维护IE678是一件让人头疼的事情,一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持。

二:下载教程

1.进入jQuery官网点击Download JQuery。
image
2.有两种下载模式,第一种 压缩过后下载 第二种 没有压缩下载,我们选择压缩过后下载。
image

注意: 选择压缩过后的包下载,因为压缩过后的容量较小,网页请求速度更快。

3.页面全部复制 ctrl + a,ctrl + c。
image
4.新建文本文件,将jquery放进去并保存。
image
5.将JQuery文本文件移到pyCharm目录内就成功下载JQuery。
image

三:导入JQuery文件

jQuery在使用之前 一定要确保已经导入了

1.使用script导入jQuery文件
image

2.该方法缺点:

每新建一个HTML文件又需要重新反复导入jQuery文件,会造成繁琐。 

3.解决反复导入问题:

可以借助于pycharm自动初始化代码功能完成自动添加(自定义模板)

点击
第一步:	File
第二步:	Settings
第三步:	Editor
第四步:	file and code template

注意: 作用以后创建HTML文件,自动添加JQuery语句
但是 jQuery文件需要自己引用到当前目录。

image
image

4.总结导入jQuery压缩优点与缺点

优点:
好处在于没有网的情况下也可以使用
缺点:
不好的地方在于需要重复书写 文件路径还需要固定

posted @ 2022-02-13 22:37  AlexEvans  阅读(10270)  评论(0编辑  收藏  举报