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