javascript - 如果 JQuery 的 .find() 比 .filter() 更快？

Question

我想知道哪种方式最快，因为我真的不知道如何自己测试性能。

<div id="test1">
    <div id="test2">
        <div id="test3">
            <a class="a">asd</a>
            <a class="b">asd</a>
            <a class="c">asd</a>
        </div>
    </div>
</div>

对于这个例子，我想得到 .a 和 .b

$('#test1 #test2 #test3 .a, #test1 #test2 #test3 .b').each(function(){
}); 

或者

$('#test1 #test2 #test3 a').find('.a, .b').each(function(){
}); 

或者

$('#test1 #test2 #test3 a').filter('.a, .b').each(function(){
}); 

我正在编写一条深层路径，因为我的实际代码非常复杂，而且我需要具体化。什么应该是最快的？

Answer 1

亲自看看:http://jsperf.com/jquery-so-selection-nesting

设置性能测试非常简单。我建议你自己去搞乱。但是，请确保您首先获得预期的结果。我已经编辑了您的一个示例，以便它返回相同的数据(不过我还没有实际测试过)。

从我得到的结果来看，在查看您的具体尝试时，使用 filter 似乎比使用 querySelectorAll 更快。您应该能够通过不使用过长和复杂的选择器来更快地重构它们。