jQuery में ऑब्जेक्ट और मेथड चेनिंग को समझना

jQuery में, चेनिंग एक ही स्टेटमेंट में कई jQuery तरीकों के संयोजन की अनुमति देती है। यह डेवलपर्स को अपने कोड को सुव्यवस्थित करने और जटिल हेरफेर आसानी से करने में सक्षम बनाता है।

चेनिंग के अंतर्निहित सिद्धांत में प्रत्येक jQuery विधि का रिटर्न मान शामिल होता है। जब एक jQuery विधि लागू की जाती है, तो यह आम तौर पर एक jQuery ऑब्जेक्ट लौटाता है जो चयनित तत्वों का प्रतिनिधित्व करता है। यह बाद के तरीकों को तत्वों के एक ही सेट पर कॉल करने की अनुमति देता है, जिससे संचालन की एक श्रृंखला बनती है।

एक उदाहरण:

निम्नलिखित jQuery कथन पर विचार करें:

$('myDiv').removeClass('off').addClass('on');

RemoveClass विधि चयनित myDiv तत्व से ऑफ क्लास को हटा देती है। हालाँकि, एक आदिम मान लौटाने के बजाय, यह एक jQuery ऑब्जेक्ट लौटाता है जो अभी भी myDiv का प्रतिनिधित्व करता है। यह आपको अतिरिक्त संशोधन करने के लिए ऐडक्लास जैसे चेनिंग तरीकों को जारी रखने की अनुमति देता है। यह तब विधि एक फ़ंक्शन को स्वीकार करती है जिसे लौटाए गए ऑब्जेक्ट पर तुरंत निष्पादित किया जाता है। प्रत्येक कॉल के बाद बाद के तरीकों को लागू करके, आप प्रभावी ढंग से श्रृंखला संचालन कर सकते हैं। पहला: फ़ंक्शन() {अलर्ट('पहला'); वापसी obj; }, दूसरा: फ़ंक्शन() {अलर्ट('दूसरा'); वापसी obj; }, तीसरा: फ़ंक्शन() {अलर्ट('तीसरा'); वापसी obj; } } obj.first().third().third();

इस उदाहरण में, प्रत्येक पहली, दूसरी और तीसरी विधि obj ऑब्जेक्ट लौटाती है, जिससे कॉल की श्रृंखला जारी रहती है।

लाभ:

चेनिंग कई फायदे प्रदान करती है, जिनमें शामिल हैं:

var obj = {
    first: function() { alert('first');   return obj; },
    second: function() { alert('second'); return obj; },
    third: function() { alert('third');   return obj; }
}

obj.first().second().third();

पठनीयता:

दक्षता:

• रखरखाव: के एक हिस्से में परिवर्तन श्रृंखला अन्य भागों को प्रभावित नहीं करती है, जिससे कोड रखरखाव में सुधार होता है।