jquery选择器使用data-的性能如何?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

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

展开
收起
小旋风柴进 2016-03-24 13:22:34 2448 0
2 条回答
写回答
取消 提交回答
  • 一生有你llx
    专注物联网

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

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

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

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

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

    2019-07-17 19:12:39
    赞同 展开评论 打赏
  • 小旋风柴进

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

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

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

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

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

    2019-07-17 19:12:39
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载