自定义属性 jQuery 选择器 - JavaScript

在 jQuery 中，可以使用选择器来选取 HTML 元素。

除了常规的选择器外，jQuery 还支持自定义属性选择器，使开发者可以根据自己定义的属性名选择元素。

基本语法

自定义属性选择器的基本语法格式为：

$("[attributeName='value']")

其中：

• attributeName：表示自定义属性的属性名。
• value：表示自定义属性的属性值。

示例

例如，如果我们在 HTML 元素中添加了一个自定义属性 data-type，如下所示：

<div data-type="123">Hello World</div>

那么，就可以通过自定义属性选择器来选取该元素，如下所示：

$("[data-type='123']")

这将选取所有 data-type 属性值为 123 的元素。

多个属性选择器

除了可以选择单个自定义属性外，还可以选择多个自定义属性。

语法格式如下：

$("[attributeName1='value1'][attributeName2='value2']")

例如：

<div data-type="123" data-role="test">Hello World</div>

那么，就可以使用多个属性选择器来选取该元素，如下所示：

$("[data-type='123'][data-role='test']")

这将选取所有 data-type 属性值为 123 且 data-role 属性值为 test 的元素。

结语

自定义属性选择器使得开发者可以更加灵活地选取元素，这样可以为开发者提供更加便捷的开发体验。以上便是自定义属性 jQuery 选择器的相关介绍和示例。