jQuery/जावास्क्रिप्ट कैशिंग तत्व?

Question

अधिकार तो मुझे लगता है कि सामान्य ज्ञान तत्व आप एक बहुत तक पहुँचने करने जा रहे हैं के लिए, सबसे अच्छा तरीका उन्हें इतना की तरह कैश करने के लिए है:

var myEl = $('.myclass'); 

और फिर आप सिर्फ $ उपयोग कर सकते हैं (myEl) भविष्य में और आपको फिर से डोम को खोजने की ज़रूरत नहीं है, सही? ठीक है कहता है कि मेरे पास एक जटिल जटिल एचटीएमएल संरचना है जहां मुझे 20-30 की तरह कई अलग-अलग तत्वों तक पहुंचने की आवश्यकता है। यह इस तरह की चीज 30 गुना करने के लिए बहुत बदसूरत है!

var elA = $('.myela'), 
    elB = $('.myelb'); 

आदि आदि, तो आप अंदाजा हो .. तो वहाँ कुछ भी "बुरा" इस तरह यह करने में, उन सभी तत्वों पर एक ही कक्षा रखने के लिए, लेकिन उन्हें एक अद्वितीय आईडी देना है, तो ऐसा करते हैं:

var myElementObject={}; 
$('.myelems').each(function(){ 
    myElementObject[$(this).attr('id')] = $(this); 
}); 

इस तरह यह है कि मैं एक object.whateverId हो और कैश की गई तत्व thats, इसलिए अब मैं उन्हें के रूप में मैं डोम हर समय फिर से पूछे बिना उपयोग कर सकते हैं,, यह धारणा सही है कि यह एक बुरा है अभ्यास? आप लोग इसके बारे में कैसे जाते हैं?

धन्यवाद!

Answer 1

यदि आप आईडी को असाइन करने जा रहे हैं, तो $('#id') का उपयोग करें क्योंकि यह getElementById का उपयोग करता है जो बहुत तेज़ है और शायद उन्हें किसी ऑब्जेक्ट हैश में डालने से बहुत धीमा नहीं है।

इसके अलावा इन तत्वों के लिए एक आम वर्ग को लागू करने या उन्हें किसी अन्य तरीके से समूहीकरण ताकि आप कैश कर सकते $('.mycommonclass')

Answer 2

यदि आप सुनिश्चित हैं कि आप इन तत्वों तक पहुंचने जा रहे हैं तो यह करने का एक अच्छा तरीका है (अन्यथा यह संसाधन बर्बाद हो जाएगा)। एक और छोटी बात यह है कि myEl का उपयोग करके $(myEl) का उपयोग करके $(myEl) को फ़ंक्शन (jQuery) निष्पादित करने के बाद से आप अपने पहले उदाहरण में तत्व तक पहुंच सकते हैं।