jquery - 在 jquery 中使用类选择器或自定义属性选择器哪个更好？

Question

我读到，使用 jquery 选择“id”比选择“class”更好。但是，假设我在页面上有几个 div，我需要使用 jquery 选择并执行相同的操作。我无法使用“id”属性进行选择，因为它不再是唯一的。例如:

<div id="selectMeOnClick">
    ...
</div>
<div id="selectMeOnClick">
    ...
</div>
... many more divs ...

这让我(我认为？)有两种选择:

使用类选择器

<div class="selectMeOnClick">
    ...
</div>

使用自定义属性选择器

<div data-select="selectMeOnClick">
    ...
</div>

我的问题是:这真的是剩下的两种选择吗？最有效的解决方案是什么？

谢谢

Answer 1

我会使用类选择器。使用自定义属性选择器将是:

1. HTML 无效。 HTML 只允许某些命名属性出现在某些类型的元素上。
2. 较慢。虽然 jQuery 可以在第一个代码片段中使用 native .getElementsByClassName ，但在第二个代码片段中却不能。这可能会导致现代浏览器速度变慢。