javascript - jquery选择器使用data-的性能如何?
大家讲道理
大家讲道理 2017-04-10 14:24:47
[JavaScript讨论组]
$('[data-key="vaule"]')

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(4)
阿神

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

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

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

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

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

高洛峰

自定义属性的属性选择器,效率应该会慢于id、class选择器。id选择器最快。

大家讲道理

选择器使用data-自定义属性属于过滤了,应该是最慢的吧,反正肯定比基本选择器慢。

怪我咯

data-*属性目的不在于被作为选择器,而是在于存放数据到元素,然后可以用

elemente.dataset 取出来
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号