jQuery 是一个广受欢迎的 JavaScript 库，它简化了前端开发中许多常见的任务，如 DOM 操作、事件处理和 Ajax 请求等。最近发布的 jQuery 3.6 版本带来了一些新功能和改进，让我们来看看其中最引人注目的几个方面。
引入新的选择器
jQuery 3.6 引入了一些新的选择器，包括 :focus-visible 和 :has() 等，这些选择器可以更方便地选中对象，并提高代码的可读性。
:focus-visible：该选择器可以选择当前页面上可见的具有焦点的元素。这对于开发无障碍应用程序非常有用，因为它能够识别那些由于键盘导航而获取焦点的元素。
示例代码：
$('input:focus-visible').css('border', '2px solid blue');:has()：该选择器可以选中包含特定元素的父元素。它类似于 CSS 的:has伪类，但在 jQuery 中被实现为选择器。
示例代码：
$('ul:has(li.active)').addClass('has-active');更好的跨域支持
跨域资源共享（CORS）是一种 Web 浏览器安全机制，用于限制一个网站从另一个网站获取资源。jQuery 3.6 引入了对 CORS 的支持，以便开发人员可以轻松地处理跨域请求。
示例代码：
-- -------------------- ---- -------
--------
---- -------------------------------
------- ------
------------ -----
-------- ------------------ -
----------------------
--
------ ------------- ------- ------ -
-------------------- - -- - - -------
-
---更好的错误处理
在 jQuery 3.6 中，$.ajax() 方法的错误处理得到了改进。现在，如果一个 Ajax 请求失败，jQuery 将提供更多的信息来帮助你诊断问题。
示例代码：
-- -------------------- ---- -------
--------
---- -------------------------------
------- ------
-------- ------------------ -
----------------------
--
------ ------------- ------- ------ -
---------------------- --------- ----------- -------
--
--------- ---------- -
-------------------- ------------
-
---总结
jQuery 3.6 引入了许多新功能和改进，其中上面列举的只是一部分。这些变化使开发人员能够更轻松地编写高性能、易维护的 JavaScript 代码。如果你正在使用 jQuery，那么升级到最新版本可能会给你带来很多好处。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13970