Javascript 语义清理HTML、CSS和；JS？

随着我深入了解jQuery在我所从事的各种站点中的使用，我发现我可能会对是否将

类

属性值附加到DOM中的元素以附加实际的CSS样式或将事件绑定到该元素上感到困惑。因此，我开始倾向于在锚定标记上使用

rel

属性来表示某个内容是否将绑定到事件，而将

class

属性专门用于样式化。（不过，我还没有深入探讨这一点，以确定这种方法是否存在任何缺点或根本缺陷，我愿意接受评论和批评。）

---

这让我想到，其他人必须做类似的事情来帮助他们保持代码的条理性，我很有兴趣了解一些可能在那里流传的新想法。

通常这对我来说不是什么问题，即使是在中等规模的项目中

我通常为样式分配类，最终在JS代码中使用相同的选择器。 从语义上讲，

rel

属性不是存储数据的合适方式。因为它应该指出链接与目标的关系

---

HTML5通过

数据-

自定义属性使事情变得更加灵活。

当您有多个具有共享表示或共享行为的HTML元素时，可以使用class属性

因此，如果您有几个按钮想要使用相同的事件处理程序，那么您给这些按钮一个类，然后使用JavaScript来选择这些元素（按类），以便在它们上设置处理程序（您使用具有选择器引擎的JavaScript库）。例如，在jQuery中：

$(".addButton").click(function() {
    // the event handler
});

---

类用于CSS样式和JavaScript操作。

谢谢，yc。我以前从未在这里创建过社区维基，所以在创建问题之前我甚至没有考虑过，但现在我想出来了。：）