jQuery - चेनिंग
JQuery के साथ, आप क्रियाओं/विधियों को एक साथ जोड़ सकते हैं।
चेनिंग हमें एक ही कथन के भीतर कई jQuery विधियों (एक ही तत्व पर) चलाने की अनुमति देता है।
jQuery विधि श्रृखंला
अब तक हम एक के बाद एक (एक के बाद एक) jQuery के स्टेटमेंट लिखते रहे हैं।
हालांकि, चेनिंग नामक एक तकनीक है, जो हमें एक ही तत्व पर एक के बाद एक कई jQuery कमांड चलाने की अनुमति देती है।
युक्ति: इस तरह, ब्राउज़र को एक ही तत्व को एक से अधिक बार खोजने की आवश्यकता नहीं है।
किसी क्रिया को श्रृंखलाबद्ध करने के लिए, आप केवल क्रिया को पिछली क्रिया से जोड़ते हैं।
निम्नलिखित उदाहरण css()
, slideUp()
, और slideDown()
विधियों को एक साथ जोड़ता है। "P1" तत्व पहले लाल रंग में बदल जाता है, फिर यह ऊपर की ओर स्लाइड करता है, और फिर नीचे की ओर स्लाइड करता है:
उदाहरण
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
यदि आवश्यक हो तो हम और विधि कॉल भी जोड़ सकते थे।
टिप : चेनिंग करते समय, कोड की लाइन काफी लंबी हो सकती है। हालांकि, jQuery सिंटैक्स पर बहुत सख्त नहीं है; लाइन ब्रेक और इंडेंटेशन सहित, आप इसे अपनी इच्छानुसार प्रारूपित कर सकते हैं।
यह भी ठीक काम करता है:
उदाहरण
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery अतिरिक्त व्हाइटस्पेस को फेंक देता है और उपरोक्त पंक्तियों को कोड की एक लंबी लाइन के रूप में निष्पादित करता है।