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

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

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

原生 API：querySelectorAll

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

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

瀏覽器相容性

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

• Chrome
• Firefox
• Safari
• 愛🎜>
對於過時的瀏覽器，例如IE9及更早版本，您可以使用 polyfill 或第三方函式庫，如 jQuery。

jQuery 方法

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

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