Jquery duyệt qua và sử dụng các bộ chọn

Question

Tôi đang đọc một cuốn sách và chúng hiển thị một vài ví dụ về cách chọn các phần tử trên DOM, nhưng chúng khuyên luôn sử dụng các phương pháp truy vết Jquery trên bộ chọn, ví dụ: nếu bạn có danh sách bên trong một div thay vì sử dụng

$("#myList > li") 

Bạn nên sử dụng

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

Phần lớn thời gian tôi sử dụng đầu tiên trên sau này, tác giả cho biết 2 được ưa thích và hiệu quả hơn nhưng ông không đề cập đến tại sao, bất cứ ai có thể giải thích lý do đằng sau điều này?

Answer 1

Tôi nghĩ rằng sự khác biệt về hiệu suất trong đó trường hợp cụ thể đi xuống đến này:

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

Và kiểm tra hiệu suất ở đây: http://jsperf.com/ae-d2-56-2a-e2-36-a3-d3-52-74

jQuery có thể kiểm tra để xem nếu nó là một li được chọn nhưng vẫn sẽ nhanh hơn querySelectorAll hoặc Sizzle.