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

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

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

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

something anotherClass'

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

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

component='something']")jQuery(".something")?更有效。

回答:

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

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

以上是 数据属性CSS选择器比类选择器快吗? 的全部内容, 来源链接: utcz.com/qa/401914.html

回到顶部