jQuery cấp đầu tiên cho trẻ em chọn cách tốt nhất

Question

Cách tốt nhất (hiệu quả nhất, ít tải CPU) để chọn một số trẻ em nhất định từ tổ tiên với jQuery là gì?

Hãy tưởng tượng rằng chúng ta có:

<div> 
<b>1</b> 
<p>2</p> 
<a>3</a> 
<p>2</p> 
</div> 

Vì vậy

$('div > p')

hoặc

$('div').children('p')

?

Answer 1

Theo điều này jsPerf test Tôi vừa tạo $('div > p') nhanh hơn gấp đôi. Tôi không nghĩ rằng hai bộ chọn khác nhau trong các phần tử mà chúng lấy lại, vì vậy cái đầu tiên có thể được mong đợi hơn, ít nhất là từ một quan điểm hiệu năng.

Answer 2

$('div > p') là tốt hơn và nhanh hơn cho trường hợp này

với cái này bạn đang phân tích các dom một thời gian để tìm chọn của bạn.

trong trường hợp khác bạn đang phân tích cú pháp hai lần: một để tìm phần tử div và một để tìm phần tử p vào div