函数中的简单 Jquery 选择器优化

Question

var func = function () {    
    if (x) {
        $('.classA').doSomething;
    } else
        $('.classA').doSomethingElse;
};

我很好奇函数的存储方式和运行以及它们如何影响 Jquery 选择器。我读到最好不要重用选择器。如果您在连续的代码行中反复尝试查找具有 classA 的元素，最好存储元素引用并直接调用它。但是在上面的例子中，创建一个元素引用变量并将其放在 if/else 语句之外有什么价值吗？如：

var func = function () {
    var element = $('.classA');
    if (x) {
        element.doSomething;
    } else
        element.doSomethingElse;
};

似乎在任何一种情况下，Jquery 都只需要遍历 DOM 一次，因为在第一个示例中，它只会运行 If 或否则。

现在我知道您可以在函数外部创建元素引用并在运行调用函数之前将其存储到内存中，但是如果该元素不存在并且仅由前一个创建那么运行是我的示例的函数吗？

Answer 1

两个函数的性能应该差不多。

但是第二个你有以下好处：

Simple Jquery Selector Optimization in Functions