jQuery – 每次都可以使用$(‘#ElementId’)吗？

我刚刚学会了如何在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>';

请注意,我更关心的是性能,而不是代码的清洁度.

DOM选择很昂贵.缓存它.

var x = $('#MyElement');

Here’s a jsPerf test.在Mac OS X上的Chrome 13中,变量引用速度提高了1000多倍.

这不仅是因为DOM选择当然,还因为jQuery对象的构造.