news 2026/7/28 11:43:23

告别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/7/26 6:32:50

YOLO26训练技巧:模型初始化策略

YOLO26训练技巧&#xff1a;模型初始化策略 在深度学习目标检测任务中&#xff0c;模型的初始化方式对最终性能有着深远影响。YOLO26作为Ultralytics最新推出的高效目标检测框架&#xff0c;在结构设计和训练流程上进行了多项优化。然而&#xff0c;许多用户在使用官方镜像进行…

作者头像 李华
网站建设 2026/7/26 2:36:24

如何用GLM-4.6V-Flash-WEB打造智能图像问答系统

如何用GLM-4.6V-Flash-WEB打造智能图像问答系统 在多模态人工智能快速演进的当下&#xff0c;图文理解能力已成为智能应用的核心竞争力之一。从电商客服到工业质检&#xff0c;从教育辅助到内容审核&#xff0c;能够“看懂图片并回答问题”的AI系统正逐步渗透至各行各业。然而…

作者头像 李华
网站建设 2026/7/26 9:14:08

FunASR语音识别性能测试:超长音频处理能力评估

FunASR语音识别性能测试&#xff1a;超长音频处理能力评估 1. 引言 随着语音识别技术在会议记录、访谈转录、教育视频字幕生成等场景的广泛应用&#xff0c;对超长音频&#xff08;>30分钟&#xff09;的高效准确识别能力成为衡量系统实用性的关键指标。FunASR 作为阿里开…

作者头像 李华
网站建设 2026/7/26 5:21:34

Scarab模组管理器:新手玩家如何3步解决空洞骑士模组安装难题

Scarab模组管理器&#xff1a;新手玩家如何3步解决空洞骑士模组安装难题 【免费下载链接】Scarab An installer for Hollow Knight mods written in Avalonia. 项目地址: https://gitcode.com/gh_mirrors/sc/Scarab 你是否曾经为安装空洞骑士模组而头疼&#xff1f;手动…

作者头像 李华
网站建设 2026/7/26 1:11:03

想让AI声音更像人?试试这个基于CosyVoice2的二次开发项目

想让AI声音更像人&#xff1f;试试这个基于CosyVoice2的二次开发项目 1. 引言&#xff1a;语音合成的下一个突破点 在人工智能技术快速发展的今天&#xff0c;语音合成&#xff08;Text-to-Speech, TTS&#xff09;已经从简单的“能说”走向了“说得像人”。传统的TTS系统往往…

作者头像 李华
网站建设 2026/7/27 9:20:54

基于DeepSeek-OCR-WEBUI的票据与表格识别技术解析

基于DeepSeek-OCR-WEBUI的票据与表格识别技术解析 1. 引言&#xff1a;复杂场景下的OCR技术演进 1.1 行业痛点与技术挑战 在金融、物流、政务等高文档密度行业中&#xff0c;传统人工录入方式面临效率低、成本高、错误率高等问题。尽管早期OCR技术已实现基础文本提取&#x…

作者头像 李华