javascript - $('div+.ab')和$('.ab+div') 哪个效率高?

问题描述

问 题

看到一个面试题第31题如题
我很费解!望大神指点迷津！
这个题目想考察啥？
1.创建节点？
2.获取节点？
3.可比性在哪？
4.真比较出高低的？说说高在哪？

解决方案

权当本题考查jQuery 选择器效率。
参考jQuery 选择器效率
得出答案：$('div+.ab') 效率高。勉强蒙混过关~
经 Xeira 提醒 亲测代码如下：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    console.time("test_ab");
    for(var i=0;i<10000;i++){ $('.ab+div')}
    console.timeEnd("test_ab");
    
/*
    console.time("text_div");
    for(var i=0;i<100000;i++){ $('div+.ab').html()}
    console.timeEnd("text_div");
*/

</script>

结果,真不知道哪个效率高了

这篇关于javascript - $('div+.ab')和$('.ab+div') 哪个效率高?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！