一尘不染

数据属性CSS选择器比类选择器快吗?

css

实际上可以从网站开发中完全避免使用类。

我的问题是,与类选择器相比,数据选择器的效率如何?

一个简单的示例是比较对带有的元素与data-component='something'vs与的元素的查询class='class1 class2 something anotherClass'

[data-<attr>='<value>']选择将检查值作为一个整体对String类应该被拆分。考虑到这一点,数据属性应该更快。

因此,为解决问题,在CSS的情况下,我们最好使用类选择器还是数据选择器?并且从javascript的角度来看,它会jQuery("[data- component='something']")jQuery(".something")?更有效。


阅读 369

收藏
2020-05-16

共1个答案

一尘不染

我不会说这是结论性的 ,但是看来类选择器的速度更快…我只是将它们组合在一起进行快速测试。

编辑

基于弗拉德和我的jsperf测试…如果性能是一个问题(尤其是IE)…类仍然是必经之路

2020-05-16