मार्च 13, २,००९

मिठाई Chainability

महबूब: द्वारा पोस्ट: तरीके

एक jQuery के बारे में सबसे अच्छी बात यह लगभग यह सब तरीकों के लिए श्रृंखला की क्षमता है. यदि "श्रृंखला की क्षमता" हिब्रू लगता है, यहाँ एक छोटे विवरण है कि यह क्या है है.

chain

मान लीजिए कि आप एक <div id="myDiv"> Lorem Ipsum </ div>

और आप निम्नलिखित करने की आवश्यकता

  1. 150px के लिए ऊंचाई बदलें
  2. 0.8 अस्पष्टता बदलें
  3. एक वर्ग बुलाया "pClass" जोड़ें
  4. और जैसे "हम दुनिया रहे हैं div के अंदर पाठ सेट

तो, क्या आप सामान्य परिस्थितियों में क्या होगा? आप कोड की चार पंक्तियों में लिखें. जैसे कि अगर आप में परंपरागत तरीके से शायद आप लिखना चाहते हैं jQuery का उपयोग

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") सीएसएस ("ऊँचाई", "150px");
 ) . fadeTo ( 500 , 0.8 ) ; (# MyDiv ") $ 500 (0.8) fadeTo. 
 ) . addClass ( "pClass" ) ; AddClass. $ ("# MyDiv) (" pClass); 
 ) . text ( "We are the world" ) ; (# MyDiv ") पाठ $ (" हम दुनिया रहे हैं "); 

लेकिन अगर हम विधि का उपयोग chaininig हम बस लिखता

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; . $ ("# MyDiv") सीएसएस ("ऊँचाई", "150px") 500, (0.8) ("pClass) addClass पाठ fadeTo (" हम दुनिया रहे हैं "); 

गंदा लग रहा है? मुझे नहीं लगता. यह पठनीय है जब तक आप एक वस्तु है जो बहुत संभावना नहीं है तरीकों का एक बहुत डाल दिया. ताकि श्रृंखलन है.

स्क्रीन के पीछे, श्रृंखलन बस पद्धति लागू करने के बाद वस्तु itselft लौटने के द्वारा किया जाता है. यह काफी है हम कैसे जावास्क्रिप्ट ऑब्जेक्ट में तरीकों की तरह उपयोग

  "Lorem Ipsum Dolor" ; var myString = "Lorem Ipsum मातम"; 
  ( ) . substring ( 0 , 5 ) ; pString उपश्रेणी = myString toLowerCase () (0, 5).; 

और यह एक उपहार है जब हम इस तरह बातें करने के लिए विकल्प है. कौन अधिक कोड लिखने के लिए चाहता है जब वहाँ इसे कम करने के तरीके रहे हैं? कम से कम मैं नहीं करते हैं. तो तरीकों के लगभग सभी

jQuery में इस chainability है. सभी तरीकों कि श्रृंखला, पूरे jQuery के वस्तु ही तो देता है कि और अधिक तरीकों को लागू किया जा सकता है.

आप उपरोक्त कोड देख सकते हैं यहाँ .

"मीठा" Chainability नहीं जवाब

प्रपत्र टिप्पणी


  • वीरेन्द्र: जो इस प्लगइन की तुलना में बेहतर है एक नया प्लगइन उपलब्ध है. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • टीना: आप की इस सूची के लिए धन्यवाद, इन alpticapions में से किसी एक यूटा शादी फोटोग्राफर के व्यापार के लिए विशेष रूप से उपयोगी होगा?
  • Janelle: प्रदर्शन पर वास्तविक विशेषज्ञता देखकर अच्छा लगा. आपका cotnritbuion सबसे स्वागत है.

अनुवादक

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

टैग