jQuery - 每次都可以使用 $ ('#ElementId' ) 吗？

Question

我刚刚学会了如何在 jQuery 中执行“document.getElementById”对应操作(而且它更强大)。我的问题是，每次或每行代码都可以使用它吗？这是我现在的使用方式:

$('#MyParentElement').html('<tr id="' + $('#MyElement').val() + '"><td>' + $('#MyElement').val() + '</td></tr>';

如果我使用变量来引用对象不是更好吗？

var x = $('#MyElement');
$('#MyParentElement').html('<tr id="' + x.text() + '"><td>' + x.text() + '</td></tr>';

请注意，我更关心性能，而不是代码的简洁性。

Answer 1

DOM 选择的成本很高。缓存它。

var x = $('#MyElement');

<小时/>

Here's a jsPerf test 。在 Mac OS X 上的 Chrome 13 中，变量引用速度快了 1,000 倍以上。

这当然不仅是由于 DOM 选择，还与 jQuery 对象的构造有关。