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