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，函数里面是你优化的代码，外层一定要保持良好的可读性