怎么下载jquery:三种主流方案
怎么下载jquery分为官网本地保存、npm包管理器安装两种下载方式,CDN属于在线引入不需要下载文件;官网下载有压缩生产版、未压缩开发版、slim精简版,生产环境优先选jquery-x.x.x.min.js,开发调试选用不带min的源码版本,npm适合webpack、vite这类工程化项目,该方法适用边界是你需要离线运行页面、内网项目、打包部署,纯静态演示页面优先CDN而不需要下载本地文件。
jquery官网本地下载操作
打开jquery官方下载页jquery.com/download,页面会展示当前稳定版本,右键对应版本链接,选择另存为就可以把js文件保存到电脑本地文件夹。压缩版min.js移除注释、空格、换行,文件体积更小,网页加载速度更快,线上项目部署大多选用这个版本;未压缩版保留完整缩进和注释,适合阅读源码、断点调试;slim精简版去掉了ajax和动画相关模块,体积更小,不需要这两类功能时可以选用。下载完成后把js文件放到项目目录,在html里用script标签填写相对路径引入,路径写错会报找不到文件的脚本错误。
版本选择要匹配你的项目兼容需求,4.0系列放弃对旧版IE浏览器支持,如果你还有IE访问需求,建议选用3.x稳定分支,不要直接下载最新版。
jquerynpm安装方式
你电脑提前装好Node.js环境,打开终端,在项目文件夹执行npminstalljquery,包管理器自动拉取文件到node_modules目录。需要指定固定版本时,命令末尾加上版本号,例如npminstalljquery@3.7.1,避免后续自动升级带来的兼容性变化。在模块化项目里,你可以用import$from'jquery'进行导入,CommonJS规范则使用require方式引入。
这个方式只适合前端工程化项目,普通静态html页面不适合用npm下载,引入流程会额外增加配置成本。
jquery各获取方式对比
| 获取方式 | 是否需要下载 | 适用场景 | 短板 |
|---|---|---|---|
| 官网本地保存 | 是 | 静态页面、内网离线项目 | 版本手动更新,需要自行维护文件 |
| npm安装 | 是 | vite、webpack工程化项目 | 依赖Node运行环境 |
| CDN在线引入 | 否 | 公网演示、快速原型开发 | 断网时jquery无法加载 |
CDN不需要下载jquery文件,直接在script标签填写官方cdn地址,网络正常时会自动加载库文件,开发测试阶段可以优先使用,省去文件管理步骤。
校验文件完整性。
下载完成打开文件查看内容,压缩版文件是紧凑单行代码,开发版是分行带注释代码,如果打开显示乱码或者空白链接,说明下载链接失效,更换code.jquery.com域名下的cdn链接另存即可。
不要从不知名资源站下载jquery文件,这类文件有可能植入额外脚本,带来安全风险。
本地引入示例:,路径根据你的文件存放位置调整。
