jQuery प्रथम स्तर के बच्चों का चयनकर्ता सबसे अच्छा तरीका

Question

jQuery के साथ पूर्वजों से कुछ बच्चों का चयन करने के लिए सबसे अच्छा (सबसे उत्पादक, कम CPU-loading) तरीका क्या है?

की कल्पना है कि हम करते हैं:

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

तो

$('div > p')

या

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

?

Answer 1

इस jsPerf test के अनुसार मैंने अभी बनाया है $('div > p') लगभग दोगुना तेज़ है। मुझे नहीं लगता कि दो चयनकर्ता उन तत्वों में भिन्न होते हैं जो वे वापस प्राप्त करते हैं, इसलिए कम से कम एक प्रदर्शन बिंदु से कम से कम वांछनीय हो सकता है।

Answer 2

$('div > p') बेहतर और तेज इस मामले के लिए यह एक आप डोम एक बार अपने चयनकर्ता खोजने के लिए पार्स करने कर रहे हैं के साथ

है। div