javascript - 调用 $find 是一个相对昂贵的操作吗？

Question

我只是想知道这两种编码风格之间的优缺点:

var foo;
$(document).ready( function() {
    foo = $find(fooID);
});

function OnBarClicked()
{
    foo.doStuff();
    foo.doMoreStuff();
}

相比

function OnBarClicked()
{
    $find(fooID).doStuff();
    $find(fooID).doMoreStuff();
}

我觉得前者可能有一个陷阱，但我不知道为什么会有一个陷阱。此外，如果 $find() 有任何查找时间.. 查找所有保证在开始时“找到”2 次以上的变量，然后使用一个实例是否更有效？

编辑:$find description and usage

var radListBox1ID = "<%= RadListBox1.ClientID %>";
var radListBox = $find(radListBox1ID);
alert(radListBox.get_id()); //Alerts RadListBox1.ClientID

Answer 1

假设您询问是否使用 $() 查询 DOM 一次还是多次(每个语句一个)...

是的，使用单个 $() 并将结果存储在变量中比在以下位置调用 jQuery 更高效每个语句如果您在同一范围内多次使用该元素...

这在您将 this 作为 jQuery 对象多次引用的事件处理程序中特别有用。

$('#element').click(function(e) {
    var $clicked = $(this);

    $clicked.doStuff();
    $clicked.doMoreStuff();
});