javascript - 动作元素的选择器：类与自定义 HTML5 属性

Question

我认为有点主观的问题。我有一个动作元素，想在绑定事件的代码中引用它，我试图在声明此类事物的方式之间进行选择：

1）第一个选项在声明和使用上更简单直接：

<a class="play">Play</a>

('#menu .play').bind('click',...)

2) 但第二个选项明确显示了属性的用途

<a data-action="play">Play</a>

('#menu [data-action="play"]').bind('click',...)

我应该选择哪个（我不会在 CSS 中使用选择器，只在 JS 代码中使用）？

Answer 1

如果您不将其用于样式，我会倾向于，data-action="play"因为它更好地描述了目的（动作就是游戏）。
但是，如果您打算获取多个这样的元素并循环它们，我会使用class="play", 因为那样您又将它们视为同类事物的类.. 或者同时使用,类来获取它们和data-action来验证，那里不会出错。