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');

这是一个jsPerf测试.在Mac OS X的Chrome 13中,变量引用速度提高了1,000多倍.

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