为了账号安全,请及时绑定邮箱和手机立即绑定

jq 中attr、prop、data的执行效率到底哪个好些?

jq 中attr、prop、data的执行效率到底哪个好些?

叮当猫咪 2018-10-19 13:12:28
最后,从性能上对比,.prop() > .data() >.attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()总是最优的。网上都是这么说的,但是我测出来为什么不是这样子的?(chrome:版本 57.0.2950.5)<div id="header" data-id="header">     头部html</div><script>     console.time('d');     $('#header').prop('id');    console.timeEnd('d');    console.time('a');     $('#header').data('id');    console.timeEnd('a');    console.time('b');     $('#header').attr('id');    console.timeEnd('b');    console.time('c');         document.getElementById('header');    console.timeEnd('c');</script>d: 0.359ms(index):35 a: 0.602ms(index):39 b: 0.346ms(index):44 c: 0.0220ms
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 564 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信