动作元素的选择器:class vs custom HTML5 attribute

时间:2012-11-16 11:44:27

标签: javascript jquery html5

我认为是一种主观问题。我有一个动作元素,并希望在绑定事件的代码中引用它,我试图在声明这些事情的方法之间做出选择:

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代码中使用)?

1 个答案:

答案 0 :(得分:2)

如果您没有将它用于样式,我会倾向于data-action="play",因为它更好地描述了目的(动作是游戏)。
但是,如果你打算获得这样的多个元素并循环遍历它们,我会使用class="play",因为那时你将它们视为同类的一类......或者使用 用于获取它们和数据操作进行验证,不会出错。