jQuery 中很方便的方法是否在性能上造成不必要的浪费~

Question

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li></ul>

---

点击显示其他隐藏:

$('li').on('click', function () {
    $(this).show().siblings().hide();
});

var li = $('li');

li.on('click', function () {
    li.hide();
    $(this).show();
});

第二种方法是否比第一种更加优化 第一种的 siblings 方法是不是每次都去重复的获取相邻元素 等同于频繁的操作 dom 了

Answer 1

这个问题不是绝对的说第一种方式好还是第二种方式好第一种方式程序具有更好的可读性，代码基本就能对应到你的编程思路，这样的代码很明确第二种方式效率会高一点，但是在浏览器中这点性能基本可以忽略不计所以说第一种方式是有性能浪费，但是并不是不必要的，有时候还很有必要！如果在比较复杂的系统中建议使用第一种方式，便于后期可持续开发和维护，对于明显对性能有影响的地方，应该是单独提出来一个方法，比如showCurrentItem，函数里面是你优化的代码，外层一定要保持良好的可读性