शुरुआती लोगों के लिए jQuery
शुरुआती लोगों के लिए jQuery
शुरुआती लोगों के लिए jQuery, CoddyKit पर jQuery Academy का एक निःशुल्क पाठ है। यह 1 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह jQuery Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। jQuery Academy पाठ्यक्रम में कुल 1 पाठ शामिल हैं।
परिचय
नमस्कार,
शुरुआती शिक्षार्थियों के लिए jQuery पाठ्यक्रम में आपका स्वागत है।
इस अनुभाग में हम jQuery के बारे में विस्तृत जानकारी सीखना शुरू करेंगे।
परिचय 2
इस पाठ्यक्रम को शुरू करने से पहले,
निम्नलिखित पाठ्यक्रमों को पूरा करना आवश्यक है।
- HTML की शुरुआत
- CSS की शुरुआत
- JavaScript का मूल ज्ञान
- यदि आपको इन विषयों का पहले से ज्ञान है, तो आप पाठ्यक्रम जारी रख सकते हैं।
आइए शुरू करें
आइए शुरू करें।
सबसे पहले, आइए समझें कि jQuery का उपयोग किसलिए किया जाता है।
प्रश्न का उत्तर देने से पहले, आइए अपनी मूल बातें दोहरा लें
प्रश्न का उत्तर देने से पहले, आइए अपनी मूल बातें दोहरा लें।
HTML भाषा एक मार्कअप भाषा है। इसलिए यह पाठ को चिह्नित करने वाली भाषा है, प्रोग्रामिंग भाषा नहीं। यह ऑब्जेक्ट-ओरिएंटेड जैसी अवधारणाओं से बहुत अलग है। दूसरे शब्दों में, इसकी संरचना में कोई ऑब्जेक्ट नहीं होता; इसमें HTML टैग, एट्रिब्यूट आदि होते हैं।
JavaScript, DOM पर कार्य करता है
वेब पृष्ठों पर HTML तत्वों के साथ कार्य करने की आवश्यकता हमें कई बार पड़ती है। इसे संभव बनाने और HTML तत्वों को JS के लिए सुलभ बनाने के लिए, हम DOM (Document Object Model) नामक मॉडल का उपयोग करते हैं।
JavaScript DOM पर कार्य करता है, जो वेब पृष्ठ का ऑब्जेक्ट-रूप होता है। इसे DOM में बदलाव करना कहते हैं।
उदाहरण
आइए एक उदाहरण देखते हैं।
नीचे दिए गए उदाहरण जैसा हमारे पास एक बटन तत्व है, और उसमें 'Not Clicked' पाठ है। जब हम बटन पर क्लिक करेंगे, तो बटन के पाठ को 'Clicked' में बदल देंगे।
ऐसा करने के लिए हमें JavaScript भाषा का उपयोग करके DOM में बदलाव करना होगा।
JavaScript के परिचय वाले पाठ्यक्रम में हमने सीखा था कि JavaScript से वेब दस्तावेज़ को कैसे नियंत्रित किया जाता है। jQuery एक ऐसी लाइब्रेरी है जो JavaScript से DOM में बदलाव करते समय कोड को अधिक संक्षिप्त बनाने में सहायता करती है।
<!--Initial Element -->
<button id="my-button">Not Clicked</button>
<!---Desired Element after clicking the button-->
<button id="my-button">Clicked</button>प्रश्न
आपके लिए एक प्रश्न!
उदाहरण 2
नीचे दिए गए उदाहरण में हमने my-button id वाला एक बटन परिभाषित किया है।
अब JavaScript के माध्यम से DOM का उपयोग करके इस तत्व तक पहुँचते हैं।
जब हम बटन पर क्लिक करेंगे, तो JS कोड से DOM तक पहुँचकर my-button id वाले तत्व की innerHTML प्रॉपर्टी को click में बदल देंगे।
<button id="my-button">
Not Clicked
</button>
<script>
let myButton = document.getElementById('my-button');
myButton.addEventListener("click",
function(){
myButton.innerHTML = "Clicked"
})
</script>चेतावनी
jQuery एक ऐसी लाइब्रेरी है जो JS Core में मौजूद फ़ंक्शन और विधियों के उपयोग को सरल बनाने के लिए बनाई गई है।
दूसरे शब्दों में, VanillaJS से किए जा सकने वाले कई कार्यों को यह सरल सिंटैक्स और आसानी से पढ़े जाने वाले रूप में करने देती है।
उदाहरण की व्याख्या
आइए कोड को समझते हैं।
let myButton = document.getElementById('my-button');
हम getElementById विधि से JavaScript के document ऑब्जेक्ट को myButton नामक चर में असाइन करते हैं।
myButton.addEventListener("click", function(){
myButton.innerHTML = "Clicked"
})
इसके बाद हमने बटन के click इवेंट को सुना और बटन में बदलाव किया।
हमने किसी लाइब्रेरी या फ़्रेमवर्क का उपयोग किए बिना, ऊपर native या vanilla कहे जाने वाले भाषा के मूल फ़ीचरों का उपयोग करके DOM में बदलाव किया।
आइए यही कोड jQuery के साथ लिखें और jQuery लाइब्रेरी द्वारा दी जाने वाली सुविधाओं का लाभ उठाएँ।
चेतावनी
जिस अवधारणा को कई स्थानों पर VanillaJS के रूप में व्यक्त किया जाता है, वह वास्तव में केवल शुद्ध और मूल Javascript ऑब्जेक्ट, विधियाँ और फ़ंक्शन तथा ब्राउज़र द्वारा उपलब्ध कराई गई सुविधाओं का उपयोग है।
jQuery का उदाहरण
नीचे हमने अपना पिछला उदाहरण jQuery का उपयोग करके बनाया है।
सिंटैक्स को नज़रअंदाज़ करके कोड को बहुत अधिक छोटा करने से सावधान रहें।
<script>
$('#my-button').on('click', function(){
$(this).text('Clicked');
})
</script>
<button id="my-button">Not Clicked</button>बधाई हो
बधाई हो 🎉
इस अनुभाग में हमने jQuery सीखना शुरू किया और समझा कि jQuery हमारे काम को कितना आसान बना सकता है।
अगले अनुभाग में मिलते हैं!
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 22
- पाठ
- 48
अक्सर पूछे जाने वाले प्रश्न
क्या “शुरुआती लोगों के लिए jQuery” पाठ निःशुल्क है?
हाँ — jQuery Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “शुरुआती लोगों के लिए jQuery” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। jQuery Academy पाठ्यक्रम में कुल 1 पाठ शामिल हैं।
“शुरुआती लोगों के लिए jQuery” में मैं क्या सीखूँगा?
शुरुआती लोगों के लिए jQuery आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ jQuery Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या jQuery Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर jQuery Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 1 में से 1वाँ पाठ है।
“शुरुआती लोगों के लिए jQuery” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस jQuery Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर jQuery Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।