जावास्क्रिप्ट हर फंक्शन

| | | | | | | | | | | | | | | | | | | | | |

jQuery प्रत्येक () DOM तत्वों के माध्यम से पुनरावृति करने का एक संक्षिप्त तरीका है। प्रत्येक () विधि को लक्ष्य jQuery ऑब्जेक्ट पर कॉल करने के लिए डिज़ाइन किया गया है। एक jQuery ऑब्जेक्ट एक ऑब्जेक्ट है जिसमें एक या अधिक DOM तत्व होते हैं और jQuery विधियों तक पहुंच होती है। न केवल प्रत्येक () में कम त्रुटियां होंगी, बल्कि कई DOM तत्वों में हेरफेर करना आसान होगा।

jQuery प्रत्येक () को कॉलबैक फ़ंक्शन की आवश्यकता होती है - a फ़ंक्शन किसी अन्य फ़ंक्शन को पास किया गया जिसे बाद में निष्पादित किया जाएगा। कॉलबैक फ़ंक्शन में तत्व की अनुक्रमणिका संख्या और स्वयं तत्व तक पहुंच होती है। आपको कॉलबैक फ़ंक्शन का अधिक संपूर्ण विश्लेषण मिलेगा।

प्रत्येक () को लागू करना उतना ही सरल है जितना कि कोई जावास्क्रिप्ट लूप, लेकिन संभावित भ्रम के लिए बहुत कम जगह है। हम इन बिंदुओं को स्पष्ट करेंगे और वाक्य रचना की जांच करेंगे। इस गाइड के अंत में, jQuery प्रत्येक () को लागू करने के विभिन्न तरीकों को देखने के लिए चरण-दर-चरण कोड उदाहरण होंगे।

jQuery प्रत्येक () क्या है?

jQuery प्रत्येक jQuery लाइब्रेरी के लिए एक लूप प्रक्रिया है। यह DOM तत्वों पर पुनरावृति करके जावास्क्रिप्ट लूप की तरह काम करता है। jQuery प्रत्येक () को कॉलबैक फ़ंक्शन की आवश्यकता होती है, और कॉलबैक फ़ंक्शन के अंदर वह जगह होती है जहां DOM तत्वों में हेरफेर किया जा सकता है।

जबकि कॉलबैक फ़ंक्शन के शरीर के अंदर, सशर्त विवरण हो सकते हैं कुछ चयनित वस्तुओं को संशोधित करने के लिए उपयोग किया जाता है। कंडीशनल स्टेटमेंट ऐसे हैं ... फिर जावास्क्रिप्ट में। यह वास्तव में आइटम कैसे बदले जाते हैं, इस पर नियंत्रण का एक गहरा स्तर प्रदान करता है।

सिंटैक्स jQuery प्रत्येक ()

jQuery प्रत्येक को दो तरीकों से लागू किया जा सकता है। सबसे पहले, एक चयनित आइटम पर बुलाए गए विधि के रूप में। कॉलबैक फ़ंक्शन दो वैकल्पिक तर्कों को स्वीकार करता है: अनुक्रमणिका और मान। अनुक्रमणिका वर्तमान वस्तु की अनुक्रमणिका संख्या है। यदि वर्तमान तत्व सूची में पहले थे, तो सूचकांक संख्या 0.

द value तर्क वर्तमान तत्व को संदर्भित करता है। यह ध्यान रखना महत्वपूर्ण है कि किसी विधि को मान से जोड़ने के लिए हमें एक jQuery चयनकर्ता में मान को लपेटने की आवश्यकता है। हम यह सब अमूर्त कोड में डालते हैं ताकि हम सिंटैक्स विवरण को तोड़ सकें।

यहां हम प्रत्येक को चुनते हैं

div> पृष्ठ पर और इसके माध्यम से स्क्रॉल करें। हमारे पास सूचकांक स्थिति और वर्तमान तत्व के मूल्य तक पहुंच है। केवल $ (मान) लौटने से हमें खतरनाक [ऑब्जेक्ट ऑब्जेक्ट] मान मिलता है।

याद रखें कि [ऑब्जेक्ट ऑब्जेक्ट] किसी ऑब्जेक्ट का एक स्ट्रिंग प्रतिनिधित्व है। इसका मतलब है कि हमें सटीक मान निकालने के लिए एक विधि को कॉल करने की आवश्यकता है। उपरोक्त मामले में, हम हैं ऑब्जेक्ट की टेक्स्ट विशेषता को प्रकट करने के लिए text () विधि का उपयोग करना। [object object] पर और पढ़ें। यह जानने के लिए कि वास्तव में क्या वापस आया ।

उपरोक्त उदाहरण प्रत्येक

इस तरह लिखने से वर्तमान

गाइड दिशा कार्यों के विवरण को शामिल करता है।

उदाहरण jQuery प्रत्येक ()

आइए ऊपर दिए गए सिंटैक्स उदाहरणों का विस्तार करें और कुछ विशेषताएँ जोड़ें। आइए विभिन्न वर्गों से संबंधित रंगों की सूची के मूल HTML प्रतिपादन के साथ शुरू करें।

यह DOM में सभी टेक्स्ट एलिमेंट बनाता है। दिशा कार्य और एक पारंपरिक कार्य।

केवल चयन करना तत्वों का पाठ लौटाया जाता है।

हमारे पास समान परिणाम हैं, लेकिन इस कीवर्ड का उपयोग करते हुए।

हम एक अनाम फ़ंक्शन का उपयोग कर सकते हैं - एक अनाम फ़ंक्शन, जैसे कॉलबैक। फिर से, यह लाल, बैंगनी और नीला पाठ लौटाता है। यह ध्यान दिया जाना चाहिए कि भले ही निर्देशन कार्यों में कुछ jQuery की कार्यक्षमता होती है, फिर भी jQuery कॉलबैक के लिए पारंपरिक कार्यात्मक संकेतन का उपयोग करने की अनुशंसा की जाती है।

अब हम जानते हैं कि लेखों के संग्रह के माध्यम से पुनरावृति कैसे करें। अब चलो कुछ मज़ेदार रंग और बदलाव करते हैं!

<शैली> .colorSelect {color: blue; } {.हरा रंग: हरा; }

रंग सूची पृष्ठ का अनुसरण करते हुए, हमने