开发者社区> 问答> 正文

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

小旋风柴进 2016-03-24 13:22:34 1364

$('[data-key="vaule"]')
在jQuery中,此类方法相较于id、class在效率上有何区别?

分享到
取消 提交回答
全部回答(2)
  • 一生有你llx
    2019-07-17 19:12:39

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

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

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

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

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

    0 0
  • 小旋风柴进
    2019-07-17 19:12:39

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

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

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

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

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

    0 0
添加回答

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程