如何使用本机 API 和 jQuery 按属性值定位 DOM 元素？

用于通过属性值定位元素的 DOM API

通常，需要根据元素的属性在 DOM 中查找元素。例如，您可能想要检索具有特定类或数据属性的所有元素。

原生 API：querySelectorAll

现代浏览器提供原生 API querySelectorAll，它允许您根据元素的属性搜索元素。此方法采用 CSS 选择器作为其参数，其中可以包含属性选择器。例如：

document.querySelectorAll('[data-foo="value"]');

浏览器兼容性

大多数现代浏览器都支持 querySelectorAll 方法，包括：

• Chrome
• Firefox
• Safari
• Edge
• IE11及以上

对于过时的浏览器，例如 IE9 及更早版本，您可以使用 polyfill 或第三方库，如 jQuery。

jQuery 方法

jQuery 通过提供简洁的语法来简化此任务：

$('[data-foo="value"]');

以上是如何使用本机 API 和 jQuery 按属性值定位 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！