在前端开发中，经常需要使用 jQuery 来操作 DOM 元素。有时候我们需要查找具有特定自定义属性的元素，这篇文章就介绍如何使用 jQuery 实现这一功能。
什么是自定义属性？
HTML 标签可以添加自定义属性，这些属性不会被浏览器解析，但它们可以用来存储元素的额外信息。例如：
<div class="product" data-id="12345" data-price="19.99">Product Name</div>
上面的 div 标签有两个自定义属性：data-id 和 data-price，分别存储了产品的 ID 和价格。
如何使用 jQuery 查找具有自定义属性的元素
要查找具有特定自定义属性的元素，可以使用 jQuery 的 attribute equals selector。
语法如下：
$("[attribute=value]")其中 attribute 是自定义属性的名称，value 是属性的值。例如：
$("[data-id=12345]")上面的代码将返回所有具有 data-id 属性且属性值为 12345 的元素。
示例代码
下面是一个使用 jQuery 查找具有自定义属性的元素的示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------- ------ --------- -------- --------------- -------- ----------------------------------------------------------- ------- ------ ----- --------------- --------------- -------------------------- ------- ----- --------------- --------------- -------------------------- ------- ----- --------------- --------------- -------------------------- ------- - --------- ---- ------ ------------- --- ----- -------- - --------------------- -- ---- ------------- -------------------------- - ---------------------------------------- ------------------------------------------- ----- ---------- ------- -------
上面的代码将在页面中查找具有 data-id 属性且属性值为 67890 的元素，并输出它们的自定义属性值。
总结
使用 jQuery 查找具有自定义属性的元素可以让我们方便地操作 DOM 中的特定元素。掌握本文介绍的技术，可以为开发者带来更高的效率和更好的开发体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30468