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

Patricia Arquette

發布： 2024-12-07 08:42:14

原創

743 人瀏覽過

How Can I Locate DOM Elements by Attribute Value Using Native APIs and jQuery?

用於透過屬性值定位元素的 DOM API

通常，需要根據元素的屬性在 DOM 中尋找元素。例如，您可能想要檢索具有特定類別或資料屬性的所有元素。

原生 API：querySelectorAll

現代瀏覽器提供原生 API querySelectorAll，它允許您根據元素的屬性搜尋元素。此方法採用 CSS 選擇器作為其參數，其中可以包含屬性選擇器。例如：

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

登入後複製

瀏覽器相容性

大多數現代瀏覽器都支援 querySelectorAll方法，包括：

jQuery 方法

jQuery 透過提供簡潔的語法來簡化此任務：

以上是如何使用本機 API 和 jQuery 按屬性值定位 DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章