jquery选择器使用data-的性能如何?



 $('[data-key="vaule"]')

在jQuery中,此类方法相较于id、class在效率上有何区别?

jquery 前端性能 JavaScript

楒六- 11 years, 4 months ago

无论什么选择器,美刀这个函数都很重,都应该把结果暂存下来复用

关于选择器本身的速度,理论上来说现代浏览器的情况下(也就是委托给了 querySelector 的时候)应该是和 .class 相差无几,如果 .class [attr=val] 要快,那应该是浏览器专门为它做了优化。因为本质是一样的(遍历dom树)

其实这个问题应该是用数据说话的。我google了一下 jsperf selector attribute vs cssclass 果然第一条就是答案。贴个比较新的有点数据的 revision

ID最快毫无疑问,然后就是浏览器确实对class做过优化,速度会比attribute快,但和ID没的比

最后要说的是,即使是用ID,美刀这个函数还是相当重,应该把结果暂存下来复用

可不可以那样呢 answered 11 years, 4 months ago

Your Answer