jQuery birinci düzey çocuk seçici en iyi şekilde

Question

JQuery ile atalardan belirli çocukları seçmek için en iyi (en verimli, daha az CPU yükleme) yolu nedir?

o zaman kalan bulunduğunu varsayalım:

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

Yani

$('div > p')

veya

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

?

Answer 1

Bu jsPerf test'a göre yeni oluşturduğumda $('div > p') iki kat daha hızlı. İki seçicinin geri döndükleri elemanlarda farklı olduğunu düşünmüyorum, bu yüzden en azından bir performans açısından daha çok arzu edilebilir.

Answer 2

$('div > p') Eğer seçici bulmak için dom bir kez ayrıştırma ediyoruz bu biriyle

bu durum için daha iyi ve daha hızlı. Diğer durumda

onu iki kere ayrıştırma ediyoruz: Bir div öğesi bulmak ve bir div