jQuery 陷阱以避免 [已关闭]

不知道性能下降并过度使用选择器，而不是将它们分配给局部变量。例如：-

$('#button').click(function() {
    $('#label').method();
    $('#label').method2();
    $('#label').css('background-color', 'red');
});

而不是：-

$('#button').click(function() {
    var $label = $('#label');
    $label.method();
    $label.method2();
    $label.css('background-color', 'red');
});

或者更好的是链接：-

$('#button').click(function() {
    $("#label").method().method2().css("background-color", "red"); 
});

当我意识到调用堆栈的工作原理时，我发现这是一个启发性的时刻。

编辑：在评论中纳入建议。

了解如何使用上下文。通常，jQuery选择器将搜索整个文档：

// This will search whole doc for elements with class myClass
$('.myClass');

但是，您可以通过在上下文中进行搜索来加快速度：

var ct = $('#myContainer');
// This will search for elements with class myClass within the myContainer child elements
$('.myClass', ct);