猿问

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

最后,从性能上对比,.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


叮当猫咪
浏览 565回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答