jQuery Chaining

jQuery के द्वारा, आप कार्य/विधि को जोड़ सकते हैं。

Chaining एक स्टेटमेंट में कई jQuery विधियों (एक ही एलिमेंट पर) लेने की अनुमति देता है。

jQuery विधि चेनिंग

अब तक, हम एक बार एक jQuery स्टेटमेंट लिख रहे थे (एक के बाद एक)。

हालांकि, एक नाम चेनिंग (chaining) की तकनीक है जो हमें एक ही एलिमेंट पर कई jQuery कमांड (एक के बाद एक) चलाने की अनुमति देती है。

सूचना:इस तरह, ब्राउज़र को एक ही एलिमेंट को बार-बार खोजना नहीं पड़ता।

एक कार्य को लिंक करने के लिए, आपको सिर्फ उस कार्य को पहले के कार्य के बाद जोड़ना है।

उदाहरण 1

नीचे का उदाहरण css(), slideUp(), और slideDown() को जोड़ता है। "p1" एलिमेंट पहले लाल हो जाएगा, फिर ऊपर की ओर गिरेगा, फिर नीचे की ओर गिरेगा:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

आप खुद सिर्फ आजमाएं

जरूरत होने पर, हम अनेक विधि बुलाए जा सकती हैं。

सूचना:लिंक करते समय, कोड की रेखा बहुत खराब होती है। लेकिन, jQuery का वाक्यबद्ध काफी कमजोर है; आप चाहे जैसा रूप लें, जिसमें फेलना और सबसे कम चोटी की गहराई हो।

उदाहरण 2

इस तरह लिखने से भी चलेगा:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

आप खुद सिर्फ आजमाएं

jQuery अतिरिक्त खाली जगहों को छोड़ देता है और उपरी कोड रेखा के रूप में चलाता है。