एक और अवधारणा वीडियो! यह "उन चीजों में से एक है" जिसे आपको jQuery में समझने की आवश्यकता है। यह वास्तव में jQuery के लिए थोड़ा अनूठा है, अतीत में अन्य लोकप्रिय जावास्क्रिप्ट पुस्तकालयों ने इसे इस तरह से नहीं किया है।
हमने पहले ही चयनकर्ताओं को काफी कवर कर लिया है। उदाहरण के लिए, आप पहले से ही जानते हैं कि $("p")एक पृष्ठ पर सभी पैराग्राफ का चयन करेंगे। केवल पहले एक या कुछ यादृच्छिक एक नहीं, उनमें से सभी। आप आसानी से कल्पना कर सकते हैं कि एक पृष्ठ पर इनमें से कई हो सकते हैं। अब कल्पना कीजिए कि जब आप क्या करते हैं:
$("p").hide();उन सभी को सही छिपा हुआ मिलता है? सही। पहले एक या कुछ यादृच्छिक एक नहीं, उनमें से सभी। वह निहितार्थ । पर्दे के पीछे, jQuery स्वचालित रूप से पाए गए तत्वों के पूरे सेट से गुजरता है, और आपके द्वारा चुनी गई विधि को चलाता है। हमें वस्तुतः ऐसा करने के लिए स्वयं एक लूप लिखने की आवश्यकता नहीं है। यदि आप जावास्क्रिप्ट से परिचित हैं तो यह काफी स्पष्ट है, jQuery है, लेकिन अतीत में कई पुस्तकालयों ने आपको तत्वों के संग्रह पर लूप करने की आवश्यकता है।
यदि आप चाहते हैं, तो आप अभी भी लूप खुद लिख सकते हैं। संभवतः jQuery लूपिंग विधियों का उपयोग करते हुए यह इस तरह दिखेगा:
$("p").each(function() ( $(this).hide(); ));बस इतनी ही बात है। जरूरी नहीं, लेकिन आप कर सकते थे। यह स्पष्ट चलना है ।
कभी-कभी आपको स्पष्ट पुनरावृत्ति करने की आवश्यकता होती है। मूल रूप से, अगर हमें इसके मूल्य तक पहुँचने thisऔर इसके साथ कुछ विशेष करने की आवश्यकता है, तो हमें काम करने के लिए अपने स्वयं के लूप निर्माण की आवश्यकता होगी।
इस स्क्रैंकेस्ट में उदाहरण सूची आइटम में वर्णों की गिनती कर रहा था और स्ट्रिंग के अंत तक जोड़ता है। हमें इसके लिए स्पष्ट पुनरावृत्ति की आवश्यकता होगी।
पेन 4b53b9f55662d0d26339e18277500eee को क्रिस कॉयियर (@chriscoyier) द्वारा CodePen पर देखें
हमने यहां jQuery के प्रत्येक () पद्धति का उपयोग किया है जो कि हमारी आवश्यकता के लिए एकदम सही है। हमारे लिए एक उपयोगी बिट यह हमें एक शून्य-अनुक्रमित काउंटर देता है, यदि आवश्यक हो तो प्रत्येक पुनरावृत्ति को हम एक्सेस कर सकते हैं।
$(".there-are-three-of-me").each(function(i) ( console.log(i); )); // 0 // 1 // 2