jQuery चयनकर्ता को अनुकूलित करें: पहले

Question

मुझे यह महसूस हुआ है कि $('.class:first')$('.class') से तेज़ी से चलता है। तो जब भी मुझे पता है कि सबसेट में केवल .class है, मैंने इसका उपयोग किया है।

क्या :first क्वेरी को तेजी से चलाते हैं, या यह अनावश्यक है?

Answer 1

यह वास्तव में ब्राउज़र पर निर्भर करता है, :first एक सीएसएस चयनकर्ता नहीं है, यह एक jQuery फ़िल्टर है - इसलिए इसके लिए कुछ अतिरिक्त पार्सिंग कार्य की आवश्यकता होती है ... जहां .class स्वयं को मूल ब्राउज़र चयनकर्ता विधि को सौंप दिया जा सकता है (उदाहरण के लिए यहां document.querySelectorAll())।

इनमें से किसी वास्तव में तेजी से होगा:

$('.class').first() 
//or... 
$('.class').eq(0) 
//or fastest: 
$('.class').slice(0, 1) 

... क्योंकि वे मूल कोड को चलाने के तो सिर्फ इतना है कि सेट में पहली प्रविष्टि ले।

Answer 2

यदि कुछ भी, पार्सिंग और फिर :first पर फ़िल्टर चला रहा है तो इसे धीमा कर देना चाहिए। आप एक ही तत्व के लिए देख रहे हैं, कार्य करें:

$('.class', context).eq(0) 

इस तरह आप context लिए खोज के क्षेत्र को सीमित कर सकते हैं और सिर्फ .eq(0) का उपयोग कर एक (या कोई) आइटम बाहर ले।