正如您可能已经知道的那样,在
JQuery中选择具有特定CSS类的文档中的所有元素是很简单的,然后使用链接将常用事件处理程序分配给所选元素:
$(".toolWindow").click(toolWindow_click); $(".toolWindow").keypress(toolWindow_keypress);
像往常一样,类“toolWindow”通常也在CSS中定义并与一些视觉样式相关联:
.toolWindow{ color:blue; background-color:white; }
class属性现在不仅要指示元素的外观(可视状态),还要指示行为.因此,我经常使用这种方法并将CSS类名称更多地定义为伪对象类,然后仅视觉化CSS类.换句话说,每个类都代表状态(CSS样式)和行为(事件).
在某些情况下,我甚至创建了没有视觉样式的类,只是使用它们作为向元素分配行为的便捷方式.
此外,jQuery LiveQuery插件(以及live()内置函数)通过自动将事件绑定到属于特定类的动态创建元素,使这种方法更加有效.
最近我主要使用类名来定义关联DOM元素的一组公共行为,并且稍后使用它们来定义视觉样式.
问题:这是一个可怕的滥用CSS“类”属性,如果是这样,为什么?
解决方法
“类”实际上是文档数据的一部分(并且希望语义相关),而不是它的样式或设计.
这就是为什么两者都可以使用的原因.