jquery - 在 jQuery 中执行时，哪一行的效率更高(CPU/内存方面)？

Question

我有两个场景。在每个场景中，告诉我哪个版本做同样的事情更有效(例如使用更少的 CPU 或内存):

第一个场景:

/*version 1*/
    $('body').append('#something');
/*version 2*/
    $('#something').insertAfter('body > *:last-child');

第二个场景:

/*version 1*/
    $('#something').method1();
    $('#something').method2();
    $('#something').method3();
/*version 2*/
    var $reference = $('#something');
    $reference.method1();
    $reference.method2();
    $reference.method3();

那么在每个场景中，哪个版本更高效？

Answer 1

在第一种情况下，第一种情况更有效，因为 $("#someid") 最终相当于对 native 代码的调用 document.getElementById 调用。与类选择器相比，ID 选择器相当便宜。对 $('body > *:last-child') 的调用将是对 SizzleJS 的更复杂的调用。

在第二种情况下，第二种情况更有效，因为您可以避免对 document.getElementById 进行额外的两次调用，而只需预先声明您的对象。