jQuery遍歷和使用選擇器

Question

我正在讀一本書，其中顯示了一些有關如何在DOM上選擇元素的示例，但它們建議始終在選擇器上使用Jquery遍歷方法，例如，如果在div中有一個列表而不是使用

$("#myList > li")

你應該用

$("#myList").children("li")

在大多數情況下，我使用第一個而不是第二個，作者說第二個是更可取的，並且效率更高，但是他沒有說明原因，有人可以解釋這背后的原因嗎？

Answer 1

我認為在特定情況下性能的差異歸結為：

document.querySelectorAll('#myList > li');
// VS
document.getElementById('myList').children;

以及此處的性能測試： http : //jsperf.com/ae-d2-56-2a-e2-36-a3-d3-52-74

jQuery可能會檢查給定的選擇器是否為li ，但它仍會比querySelectorAll或Sizzle更快。