更新时间:作者:佚名
记得我刚入行前端那会儿,jQuery可是人手必备的技能。那时候要弄个动态效果或者处理点DOM操作,没有它还真不行。虽然现在前端框架满天飞,但很多老项目依然依赖它,偶尔维护些旧代码或者快速原型开发,jQuery还是那个顺手的老伙计。
说到下载jQuery,最直接的去处肯定是官网。你打开jquery.com,一眼就能看到那个*的下载按钮。网站设计这么多年好像也没大改,带着点经典的味道。这里提供两个主要版本:压缩版用于生产环境,去掉了所有空格注释,文件小;未压缩版适合开发学*,里面代码格式工整,方便你阅读研究。我一般会两个都下,开发时调试用未压缩的,上线前换成压缩的。

不过说实话,现在直接从官网下载的情况变少了。更多时候我会用CDN方式引入,比如从Google或Microsoft的CDN引用。这样做有个好处——如果用户访问的其他网站也用了同一个CDN链接,文件可能已经缓存过了,能加快页面加载。但有些内网项目或者对稳定性要求极高的,还是会把jQuery文件放在自己服务器上,这时候才需要真正下载到本地。
除了官网,包管理工具可能更常用。如果你在用npm,简单一句`npm install jquery`就搞定了。用yarn的话就是`yarn add jquery`。现代前端项目大多这样管理依赖,版本控制也方便。我现在的*惯是,新项目尽量用现代方式,老项目维护时才去官网下特定版本。
版本选择有点讲究。jQuery 3.x是最新的,抛弃了对IE6-8的支持,更轻更快。但如果你要兼容那些老古董浏览器,可能还得用1.x版本。我手头还有个政府项目,非得兼容IE8,只好用着jQuery 1.12.4。一般建议从3.x开始,除非有特殊需求。
下载下来的文件怎么用呢?简单说就是放在项目目录里,然后在HTML里用script标签引入。我*惯在head里引入或者放在body结束前。放前面的话得确保DOM加载完再执行jQuery代码,所以常看到`$(document).ready()`这种写法;放后面的话可以直接写代码。这个小细节挺影响页面加载体验的。
说实话,现在教jQuery的文章不多了,大家都盯着Vue、React这些新东西。但技术这行就是这样,新旧交替,老技术不会突然消失,只是慢慢退居二线。偶尔翻出那些用jQuery写的旧代码,还能想起当年一个个解决浏览器兼容问题的日子。工具嘛,好用够用就行,新旧倒不是最重要的。