区分样式和Javascript的CSS类

Question

我经常使用CSS ID或类来选择Javascript中的元素。其中许多类只针对该用例存在，并且根本没有附加任何样式。

我现在思考，如果明确地标记这些类会有什么好处。也许像领先的下划线（例如class="_field"）。

事情是我从未听说过这种做法。这是推荐的吗？也许已经在更大的项目中使用了？什么样的标记有意义？我在某处读到了一个领先的下划线可能会有问题。还有什么可以用来轻松识别那些“仅限Javascript”的课程？

Answer 1

您可以将其作为个人编码约定。规范未声明class属性必须仅用于样式，或仅用于脚本。您可以使用它以您想要的任何方式对元素进行分类，因此您对类的命名和组织方式没有限制。

Answer 2

大多数时候我发现JS中使用的类名与我想在CSS中做的样式相匹配。只要你正确地命名它们，只有CSS或JS使用类名并不是什么大事。

Answer 3

您可能想要使用HTML5建议的data-* attributes。它们甚至可以在HTML4中工作，但结果代码无效。

作为旁注，ExtJS已经为其树节点使用了“命名空间”自定义属性很长一段时间了：

<div class="x-tree-node-el x-tree-node-leaf x-unselectable cls"
     ext:tree-node-id="Foobar">

（他们应该将其更改为data-ext-tree-node-id btw）

Answer 4

最好使用id来处理JavaScript，因为元素只有一个唯一的id，而类可以应用于多个HTML元素。