news 2026/4/6 14:50:03

告别IE 10,十年等待,jQuery 4.0终于发布!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
告别IE 10,十年等待,jQuery 4.0终于发布!

编译 | 苏宓

出品 | CSDN(ID:CSDNnews)

在沉寂近十年后,知名 JavaScript 库 jQuery 终于迎来了 4.0.0 正式版。这一版本不仅是 jQuery 自 3.x 之后的首个主版本更新,也标志着这个曾长期主导前端开发的工具,开始全面转向现代 Web 开发环境。

jQuery 最早由美国软件工程师 John Resig 于 2006 年 1 月在纽约的一场 BarCamp 上发布,随后迅速成为 Web 开发领域的“标配工具”,并在很长一段时间内深刻影响了前端技术的发展路径。上一个主版本 jQuery 3 发布于 2016 年,此后多年未再进行大更新。

一次迟到多年的“技术清理”

据官方介绍,jQuery 4.0 的研发周期十分漫长,其间经历了多次预发布版本。此次更新的核心目标是清理历史包袱、推动代码现代化,因此不可避免地引入了一些不兼容变更。对此,JQuery 官方建议开发者在升级前仔细阅读更新说明,不过整体来看,大多数项目只需做少量修改即可完成迁移。

在 jQuery 团队看来,4.0 中的不少改动,其实早就该做了,只是此前无法通过补丁版本或小版本更新实现。

这次更新主要做了几件事:

  • 清理长期遗留的旧代码

  • 移除已经废弃多年的 API

  • 删除一些从未对外文档化、但意外暴露出来的内部参数

  • 放弃部分“魔法行为”(隐式规则复杂、难以维护的机制)

为了降低升级成本,JQuery 官方团队还同步发布了升级指南(https://jquery.com/upgrade-guide/4.0/)和新版 jQuery Migrate 插件(https://github.com/jquery/jquery-migrate/),用于帮助开发者定位潜在问题。团队也鼓励用户在升级过程中反馈遇到的兼容性问题。

不再支持 IE10 及更早版本

从 jQuery 4.0 开始,Internet Explorer 10 及更早版本被正式放弃。

有开发者可能会问:为什么 IE11 还在?官方给出的解释是“分阶段移除”。IE11 的支持将在 jQuery 5.0 中彻底结束,而 4.0 只是第一步,先删除专门为 IE10 及更老版本服务的代码。

与此同时,jQuery 4.0 也一并停止支持多种“历史级”浏览器,包括:

  • Edge Legacy

  • iOS 最近三个大版本之前的系统

  • 最近两个正式版之前的 Firefox(不含 Firefox ESR)

  • 以及 Android 原生浏览器。

引入 Trusted Types,强化 CSP 支持

在安全性方面,jQuery 4.0 新增了对 Trusted Types 的支持。这意味着,在启用 require-trusted-types-for 的内容安全策略(CSP)时,jQuery 可以安全地处理被包装成 TrustedHTML 的内容,避免触发安全违规。

同时,jQuery 也调整了异步脚本加载方式。过去部分场景仍依赖内联脚本,容易在严格 CSP 配置下报错。现在,大多数异步脚本请求都会优先使用 <script> 标签加载,而不是内联执行。

仍然使用 XHR 的情况只剩下少数,例如显式传入 headers 选项(官方也建议改用 scriptAttrs)。整体目标只有一个:尽量避免 CSP 冲突。

jQuery 源码正式迁移到 ES Modules

对工具链和工程化来说,这是一次意义不小的变化。

jQuery 的源码长期采用 AMD 模块体系,并依赖 RequireJS 构建。虽然源码一直会随版本发布到 npm 和 GitHub,但并不能直接作为现代模块系统使用。

在 4.0 中,jQuery 正式完成从 AMD 到 ES Modules(ESM)的迁移,打包工具也切换为 Rollup,并且对 ESM 构建单独执行完整测试。

这让 jQuery 能更自然地融入现代开发流程,例如:

  • 与 Webpack、Vite 等构建工具协作

  • 使用 <script type="module"> 直接在浏览器中加载

  • 更好地适配当下主流的前端工程实践

一批废弃 API 被彻底移除

在 4.0 这个主版本中,jQuery 终于下定决心清理多年积累的废弃 API。

被移除的函数包括 jQuery.isArray、jQuery.parseJSON、jQuery.trim、jQuery.type、jQuery.now、jQuery.isNumeric、jQuery.isFunction、jQuery.isWindow、jQuery.camelCase、jQuery.nodeName、jQuery.cssNumber、jQuery.cssProps、jQuery.fx.interval。

这些 API 要么原本就只打算内部使用,要么已经被浏览器原生能力全面覆盖。官方明确建议直接使用原生替代方案,例如 Array.isArray()、JSON.parse()、String.prototype.trim()、Date.now()。

在移除旧 API、同时删除 IE 兼容代码之后,jQuery 的体积也随之下降,压缩后减少了 3KB 以上。

jQuery 原型对象中仅供内部使用的方法被移除

jQuery 原型对象中,长期存在一些数组方法(push、sort、splice),但它们的行为并不符合常规 jQuery API,也从未打算对外使用。

在 4.0 中,这些方法已被彻底移除。如果项目中曾直接调用过这类方法,官方给出的替代写法是使用原生数组方法,例如:[].push.call($elems, elem)。

焦点事件顺序改为遵循 W3C 规范

多年来,各浏览器在 focus、blur、focusin、focusout 等事件的触发顺序上一直不一致。jQuery 早年为了统一体验,自行定义了一套顺序。但问题在于:这套顺序已经不再符合最新的 W3C 规范。

从 jQuery 4.0 开始,库本身不再覆盖浏览器的原生行为,而是完全遵循当前规范定义的顺序,即 blur→focusout→focus→focusin,而在旧版本中,jQuery 使用的是 focusout → blur → focusin → focus。

有些讽刺的是,唯一曾经严格遵循旧版 W3C 规范的浏览器,正是 Internet Explorer。

这是一项明确的破坏性变更,但官方也表示:至少现在“所有人终于站在同一条规则线上了”。

Slim 版本进一步瘦身

jQuery 4.0 的 slim build 再次变小,主要原因是移除了 Deferred 和 Callbacks 模块,压缩后体积约为 19.5KB。

Deferred 虽然比原生 Promise 功能更丰富,但现代浏览器(除 IE11 外)已经全面支持原生 Promise,大多数使用场景都可以直接迁移。如果项目仍需支持 IE11,官方建议使用完整版 jQuery,或自行引入 Promise polyfill。

下载与获取方式

jQuery 4.0 已通过官方 CDN 提供:

  • https://code.jquery.com/jquery-4.0.0.js

  • https://code.jquery.com/jquery-4.0.0.min.js

也可以通过 npm 获取此版本:npm install jquery@4.0.0

整体来看,jQuery 4.0 更像一次“为未来让路”的版本:它不再试图兼顾所有历史环境,而是明确站在现代 Web 标准一侧。对于仍在使用 jQuery 的项目而言,这次升级既是一次成本可控的迁移,也是一道不可回避的时间节点。

更多内容详见官方博客:https://blog.jquery.com/2026/01/17/jquery-4-0-0/

推荐阅读:

员工一律禁用AI!50年老牌游戏公司下发最严禁令,CEO直言:“内部没人真的看好”

电脑开机要先闯关?程序员10个月用C语言爆肝5款神作,赢不了直接关机,网友:越折腾越上头

一行代码都不会!花270元、烧光1500次请求,他和5岁儿子一周做出游戏:现在作业直接“玩上瘾”了……

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/3 5:49:03

实测Qwen3-Reranker-4B:文本检索效果惊艳,附完整部署教程

实测Qwen3-Reranker-4B&#xff1a;文本检索效果惊艳&#xff0c;附完整部署教程 1. 引言&#xff1a;为何重排序模型正在成为检索系统的核心&#xff1f; 在现代信息检索系统中&#xff0c;尤其是基于大语言模型&#xff08;LLM&#xff09;的RAG&#xff08;Retrieval-Augm…

作者头像 李华
网站建设 2026/3/31 21:34:48

IndexTTS-2-LLM应用场景:有声读物自动生成实战指南

IndexTTS-2-LLM应用场景&#xff1a;有声读物自动生成实战指南 1. 引言 随着人工智能技术的不断演进&#xff0c;语音合成&#xff08;Text-to-Speech, TTS&#xff09;已从早期机械式朗读发展为具备情感表达与自然语调的智能系统。在众多新兴方案中&#xff0c;IndexTTS-2-L…

作者头像 李华
网站建设 2026/3/31 4:11:22

深度剖析Proteus 8 Professional下载包中的仿真模块结构

揭秘Proteus 8的“虚拟实验室”&#xff1a;从下载包看仿真系统的底层架构 你有没有想过&#xff0c;当你在搜索引擎输入“ proteus 8 professional下载 ”&#xff0c;然后完成安装之后&#xff0c;那个看似普通的EDA软件背后&#xff0c;其实藏着一个高度协同、模块分明的“…

作者头像 李华
网站建设 2026/4/3 0:18:16

电商仓储管理:用YOLOv9镜像快速搭建货物识别系统

电商仓储管理&#xff1a;用YOLOv9镜像快速搭建货物识别系统 在现代电商物流体系中&#xff0c;仓储管理的自动化与智能化水平直接影响运营效率和客户体验。传统人工盘点、扫码核对的方式不仅耗时耗力&#xff0c;还容易因视觉疲劳或操作失误导致错漏。随着计算机视觉技术的发…

作者头像 李华
网站建设 2026/4/3 5:16:03

elasticsearch-head集群状态可视化完整指南

用 elasticsearch-head 看懂你的 Elasticsearch 集群 你有没有过这样的经历&#xff1f; 凌晨两点&#xff0c;线上告警炸了&#xff0c;Elasticsearch 集群状态变红。你火速登录服务器&#xff0c;敲下 curl -XGET localhost:9200/_cluster/health?pretty &#xff0c;眼…

作者头像 李华