jquery - 选择器的性能

我已经完成了jQuery选择器的性能a test。

我测试了两个选择器：

selection_width = total_width - ($('#commands .minimap').outerWidth() + $('#commands .actions').outerWidth());

和：

var commands = $('#commands');
selection_width = total_width - ($('.minimap', commands).outerWidth() + $('.actions', commands).outerWidth());

第二个比第一个快。这是正确的还是我在某处搞砸了测试？

最佳答案

在第一个测试中，jQuery两次使用document.querySelectorAll()（相对较快）。在第二种情况下，jQuery一次使用document.getElementById()（非常快），两次使用document.getElementsByClassName()（自声明上下文以来很快）。

关于jquery - 选择器的性能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8695584/