实际上可以从网站开发中完全避免使用类。
我的问题是,与类选择器相比,数据选择器的效率如何?
一个简单的示例是比较对带有的元素与data-component='something'vs与的元素的查询class='class1 class2 something anotherClass'。
data-component='something'
class='class1 class2 something anotherClass'
该[data-<attr>='<value>']选择将检查值作为一个整体对String类应该被拆分。考虑到这一点,数据属性应该更快。
[data-<attr>='<value>']
因此,为解决问题,在CSS的情况下,我们最好使用类选择器还是数据选择器?并且从javascript的角度来看,它会jQuery("[data- component='something']")比jQuery(".something")?更有效。
jQuery("[data- component='something']")
jQuery(".something")
我不会说这是结论性的 ,但是看来类选择器的速度更快…我只是将它们组合在一起进行快速测试。
编辑 :
基于弗拉德和我的jsperf测试…如果性能是一个问题(尤其是IE)…类仍然是必经之路