हालाँकि jQuery और JavaScript के बीच कई समानताएँ हैं, लेकिन उनके सिंटैक्स और कार्यक्षमता में कई अंतर भी मौजूद हैं। उसके लिए, पहले समझें कि jQuery कोड क्या करने का प्रयास कर रहा है। फिर, वेनिला जावास्क्रिप्ट के वैकल्पिक तरीकों या विशेषताओं का उपयोग करें।
यह ब्लॉग jQuery कोड को जावास्क्रिप्ट में बदलने पर चर्चा करेगा।
JQuery कोड को जावास्क्रिप्ट में कैसे बदलें?
JQuery कोड को जावास्क्रिप्ट में बदलने के लिए, यह समझना आवश्यक है कि कोड क्या कर रहा है और jQuery के तरीकों का क्या उपयोग किया जा रहा है। फिर, JavaScript में वैकल्पिक विधियों का उपयोग करें, जैसे कि “ $() 'तत्वों का चयन करने के लिए जावास्क्रिप्ट में तत्वों का चयन करने के लिए jQuery में उपयोग किया जाता है' दस्तावेज़.क्वेरी चयनकर्ता () ' या ' querySelectorAll () ” विधियों का प्रयोग किया जाता है।
आइए रूपांतरण प्रक्रिया को एक उदाहरण की सहायता से समझते हैं।
उदाहरण
यहां, हमारे पास एक jQuery कोड है जो टेक्स्ट का रंग बदलता है और एक बटन क्लिक पर व्याख्यात्मक टेक्स्ट दिखाता है। उसके लिए, HTML दस्तावेज़ में दो बटन, टेक्स्ट और एक खाली
टैग होता है, जहाँ बटन क्लिक पर नया टेक्स्ट दिखाया जाएगा:
< डिव आईडी = 'माईडिव' >
< पी कक्षा = 'मूलपाठ' > जावास्क्रिप्ट ट्यूटोरियल पी >
< बटन आईडी = 'बटन' > यहाँ क्लिक करें बटन >
< बटन आईडी = 'बटन' > यहाँ क्लिक करें बटन >
< पी आईडी = 'संदेश' >> पी >
डिव >
JQuery के साथ काम करते समय, HTML दस्तावेज़ के
टैग में jQuery लाइब्रेरी को जोड़ना अनिवार्य है: < स्क्रिप्ट स्रोत = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' >> लिखी हुई कहानी >