javascript - 滥用 CSS 类属性或有效的设计模式？

Question

您很可能已经知道，在 JQuery 中选择文档中具有特定 CSS 类的所有元素，然后使用链接将公共(public)事件处理程序分配给所选元素很简单:

$(".toolWindow").click(toolWindow_click);
$(".toolWindow").keypress(toolWindow_keypress);

像往常一样，“toolWindow”类通常也在 CSS 中定义并与一些视觉样式相关联:

.toolWindow{
   color:blue;
   background-color:white;
}

class 属性现在不仅负责指示元素的外观(视觉状态)，还负责指示元素的行为。因此，我经常使用这种方法并将 CSS 类名更多地定义为伪面向对象类，而不是仅可视化的 CSS 类。换句话说，每个类都代表状态(CSS 样式)和行为(事件)。

在某些情况下，我什至创建了没有视觉样式的类，只是将它们用作将行为分配给元素的便捷方式。

此外，jQuery LiveQuery 插件(和 live() 内置函数)通过​​自动将事件绑定(bind)到属于特定类的动态创建的元素，使这种方法更加有效。

最近我主要使用类名来为关联的 DOM 元素定义一组通用的行为，然后才使用它们来定义视觉样式。

问题:这是对 CSS“类”属性的严重滥用吗？如果是，为什么？

另一方面，也许它是进一步实现“关注点分离”和提高 HTML/DHTML 页面可维护性的完全有效的方法？

Answer 1

“类”实际上是文档数据的一部分(希望在语义上相关)，而不是它的样式或设计。

这就是可以同时使用两者的原因。