数据属性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