jQuery चयनकर्ता:। क्यों $ है ("# आईडी") लगता है ("पी") से अधिक तेजी से $ ("# आईडी पी")

Question

इस पेज के लेखक: http://24ways.org/2011/your-jquery-now-with-less-suck का दावा है कि jQuery चयनकर्ता $('#id').find('p')$('#id p') तेजी से है , हालांकि यह संभवतः एक ही परिणाम उत्पन्न करता है यदि मैं सही ढंग से समझता हूं। इस अंतर का कारण क्या है?

Answer 1

क्योंकि $('#id').find('p') करने के लिए अनुकूलित है ...

document.getElementById('id').getElementsByTagName('p'); 

... जबकि मैं $('#id p') अनुमान लगा रहा हूँ या तो querySelectorAll का उपयोग करेगा, यदि उपलब्ध हो, या JavaScript आधारित चयनकर्ता इंजन नहीं तो।

---

आपको ध्यान रखना चाहिए कि प्रदर्शन में ब्राउज़र के बीच हमेशा भिन्नता होती है। ओपेरा को बेहद तेज querySelectorAll माना जाता है।

इसके अलावा, jQuery के विभिन्न संस्करण विभिन्न अनुकूलन के साथ आ सकते हैं।

यह हो सकता है कि $('#id p')(या वर्तमान में) को पहले संस्करण के समान अनुकूलन दिया जाएगा।

Answer 2

यह ब्राउज़र विशिष्ट है क्योंकि jQuery उपलब्ध होने पर querySelectorAll का उपयोग करता है। जब मैंने वेबकिट में परीक्षण किया तो यह वास्तव में तेज़ था। चूंकि यह querySelectorAll को इस मामले के लिए अनुकूलित किया गया है।

वेबकिट के अंदर, यदि संपूर्ण चयनकर्ता #<id> है और उस आईडी के साथ दस्तावेज़ में केवल एक तत्व है, तो इसे getElementById पर अनुकूलित किया गया है। लेकिन, अगर चयनकर्ता कुछ और है, querySelectorAll दस्तावेज को उन तत्वों की तलाश करता है जो मेल खाते हैं।

हाँ, इस मामले को अनुकूलित करना संभव होना चाहिए ताकि वे वही कर सकें - लेकिन अभी, कोई भी नहीं है। getElementById का उपयोग करना है या नहीं, यह तय करने के लिए आप SelectorDataList::canUseIdLookup का उपयोग करते हैं, SelectorDataList::execute में आप इसे here देख सकते हैं। यह इस तरह दिखता है:

if (m_selectors.size() != 1) 
    return false; 
if (m_selectors[0].selector->m_match != CSSSelector::Id) 
    return false; 
if (!rootNode->inDocument()) 
    return false; 
if (rootNode->document()->inQuirksMode()) 
    return false; 
if (rootNode->document()->containsMultipleElementsWithId(m_selectors[0].selector->value())) 
    return false; 
return true; 

आप एक गैर वेबकिट ब्राउज़र में परीक्षण किया गया है, तो यह है कि यह समान अनुकूलन याद आ रही है संभव है।