如何下载jquery：3种主流方案

如何下载jquery包含本地文件下载、CDN在线引用、npm包管理器安装三种方式，开发调试优先选官网未压缩版，线上部署优先压缩min版，slim精简版移除ajax和动画模块；jquery3.x及更高版本不再支持IE8及更低版本浏览器，需要兼容旧IE的项目只能选用1.x系列版本，2.x同样放弃IE8支持。本地下载直接右键链接另存为js文件，CDN无需下载文件直接复制script标签，npm适合使用打包工具的前端工程。

如何下载jquery本地文件

打开jquery官网下载页jquery.com/download，页面会展示当前稳定版本的下载链接，分为压缩生产版min.js、未压缩开发版js、slim压缩版、slim未压缩版。你右键目标版本链接，选择另存为，保存到项目文件夹，文件后缀为.js。保存完成后，在html页面script标签内填写本地文件路径引入，例如scriptsrc="jquery-4.0.0.min.js">。未压缩版本代码带换行和注释，方便断点调试，文件体积更大；min版本移除注释、空格，变量名压缩，适合网站上线使用，加载速度更快。

选对版本，避免浏览器兼容问题。

访问releases.jquery.com页面可以获取jquery全部历史版本，页面内按版本号分组，每个版本都提供完整文件集合。下载旧版本时要确认浏览器兼容范围，1.x系列保留对IE6、IE7、IE8的支持，3.x、4.x版本仅支持现代浏览器，面向老旧政企内网项目的场景，不建议直接选用最新版本。slim版本删除ajax和动画相关代码，页面不需要这两类功能时，可以选择它进一步减小文件体积。

如何下载jquery：CDN在线引用

CDN方式不需要把jquery文件下载到本地，直接在html页面写入script标签，浏览器会从公共CDN服务器加载文件。jquery官方CDN、字节CDN、谷歌CDN都提供稳定资源，官方CDN的script标签自带SRI子资源完整性校验，浏览器会校验文件哈希值，降低文件被篡改的风险。这种方式适合快速搭建页面原型，省去本地文件管理，但项目离线运行时，CDN方案会失效，页面无法加载jquery。

如何下载jquery：npm安装

npm安装适合基于webpack、vite这类打包工具的前端项目，你打开终端，输入npminstalljquery命令，包管理器自动下载文件到node_modules目录。安装完成后，在js代码内用import$from'jquery'引入，或者通过require方式加载。这种方式不会手动保存单独js文件，版本管理交由package.json控制，多人协作项目更方便。纯静态页面不使用打包工具时，不推荐npm方式，会增加额外工程复杂度。

文件保存路径不要使用中文、空格和特殊字符，html引入路径写错会出现$未定义报错。把jquery文件放在html同级目录最稳妥，如果放在js子文件夹，src路径要写为js/jquery-4.0.0.min.js。引入jquery的script标签位置要放在自定义js代码之前，否则自定义代码执行时jquery还未加载完成，直接报变量找不到。

开发调试生产两套文件分开使用，上线前替换为min压缩文件，不要直接把未压缩源码部署到线上服务器，会增大带宽消耗，拖慢页面加载速度。如果需要在调试线上压缩文件，可配套下载sourcemap文件，浏览器开发者工具能够还原原始代码结构，方便定位bug。

直接引入jquery之后，就可以用$符号调用库内选择器、事件、DOM操作方法。