jQuery क्या है?

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

Features supported by the jQuery :

यहाँ कुछ सबसे महत्वपूर्ण मुख्य विशेषताएं हैं जो इस library द्वारा समर्थित हैं:

Event Handling : उपयोगकर्ता द्वारा लिंक पर एक क्लिक की तरह घटनाओं की एक विस्तृत सरणी पर कब्जा करने के लिए jQuery द्वारा एक अत्यंत असाधारण तरीका पेश किया जाता है। और यह घटना संचालकों के साथ स्वयं में HTML कोड को अव्यवस्थित करने की आवश्यकता को बाहर करता है।
Lightweight : यह लाइब्रेरी प्रोग्रामिंग लैंग्वेज की दुनिया की सबसे हल्की वेटेड लाइब्रेरी है। यह आकार में लगभग 19 KB है।
AJAX Supports : एक वेबसाइट जो सबसे अधिक संवेदनशील है और अमीर है, उसे AJAX तकनीक का उपयोग करके बनाया जा सकता है और यह लाइब्रेरी आपको ऐसा करने में बहुत मदद करती है।
DOM Manipulation : इस लाइब्रेरी के साथ, अब DOM तत्वों का चयन करना आसान है, उनकी बातचीत करें और Sizzle के उपयोग से उनकी सामग्री में कुछ संशोधन करें जो मूल रूप से एक क्रॉस-ब्राउज़र ओपन सोर्स चयनकर्ता इंजन है।

Animations : इस लाइब्रेरी में बहुत सारे एनिमेशन हैं जो बिल्ट-इन हैं और इसका इस्तेमाल किसी की वेबसाइट को विकसित करने में किया जा सकता है।
Latest Technology : यह क्षेत्र की नवीनतम तकनीक है क्योंकि यह मूल XPath सिंटैक्स और CSS3 चयनकर्ताओं का समर्थन करती है।
Cross Browser Support : यह लाइब्रेरी क्रॉस-ब्राउज़र सहायता प्रदान करती है क्योंकि यह IE6.0 +, क्रोम, ओपेरा 9.0 + और सफारी 3.0+ जैसे विभिन्न ब्राउज़रों के साथ संगत है।

आइए jQuery का उपयोग करने के लिए समझते हैं

मूल रूप से दो मुख्य तरीके हैं जिनके द्वारा इस पुस्तकालय का उपयोग किया जा सकता है:

  • स्थानीय स्थापना (Local Installation) : इसे आपकी स्थानीय मशीन डाउनलोड किया जा सकता है और इसे आपके HTML कोड में शामिल किया जा सकता है।
  • सीडीएन आधारित संस्करण(CDN Based Version) :  इस पुस्तकालय को कंटेंट डिलीवरी नेटवर्क (सीडीएन) से सीधे आप के HTML कोड में डाउनलोड किया जा सकता है।

Why We need Jquery (हमें jQuery की आवश्यकता क्यों है) ?.

JQuery का उपयोग करने का मुख्य उद्देश्य हमारे अनुप्रयोगों में जावास्क्रिप्ट का उपयोग करने का एक आसान तरीका प्रदान करना है। jQuery हमें रेडीमेड तरीके प्रदान करता है जिनमें विभिन्न कार्य हैं और हमारे काम को बहुत आसान, तेज और प्रभावी बनाते हैं। JQuery का एक और लाभ यह है कि यह विभिन्न ब्राउज़रों के साथ आसानी से संगत है या हम कह सकते हैं कि यह क्रॉस-प्लेटफॉर्म संगत है।

भले ही बाजार में Dojo, Ext Js, आदि जैसे कई अन्य जावास्क्रिप्ट फ्रेमवर्क उपलब्ध हैं, लेकिन jQuery अपने आसान हैंडलिंग के कारण सबसे लोकप्रिय और व्यापक रूप से उपयोग किया जाने वाला ढांचा है।

Google, IBM, WordPress, Microsoft आदि जैसी कई बड़ी कंपनियाँ अपने अनुप्रयोगों को लागू करने के लिए jQuery का उपयोग कर रही हैं।

Advantages of jQuery in hindi :

हमारे अनुप्रयोगों में jQuery का उपयोग करने के निम्नलिखित फायदे हैं।

  • उपयोग करने में आसान – क्योंकि jQuery एक पुस्तकालय है, इसलिए यह अधिक कोड लिखने की आवश्यकता को समाप्त करता है। तो यह “कम लिखें, अधिक करें” तकनीक का पालन करके इसके उपयोग को आसान बनाता है।
  • यह उन सभी भाषाओं के अनुकूल है जो एएसपी, सीजीआई, पीएचपी, जेएसपी इत्यादि जैसी गतिशील हैं।
  • यह AJAX तकनीक का कई सुविधाओं को लागू करने के लिए AJAX का उपयोग करता है जैसे डेटाबेस के साथ कनेक्टिविटी।
  • jQuery हमारे वेबपेज पर आवश्यक एनीमेशन प्रभावों को शामिल करने में हमारी मदद करता है।
  • यह कुछ पंक्तियों का कोड लिखकर समृद्ध और संवादात्मक वेबपेजों को लागू करने के लिए जावास्क्रिप्ट कार्यक्षमता को सरल बनाता है।
  • यह फ़ायरफ़ॉक्स, Google क्रोम, ओपेरा, माइक्रोसॉफ्ट एज, आदि जैसे सभी आधुनिक ब्राउज़रों के लिए क्रॉस-ब्राउज़र संगतता प्रदान करता है और यह हमारे अनुप्रयोगों में इसका उपयोग करने के लिए स्वतंत्र रूप से उपलब्ध है।

JQuery का उपयोग करने से पहले, डेवलपर के लिए HTML, CSS, JavaScript और प्रोग्रामिंग भाषा का ज्ञान होना अच्छा है। हालांकि ऐसा कोई पूर्वापेक्षित ज्ञान वाला डेवलपर भी jQuery नहीं सीख सकता है, लेकिन इन विषयों के बारे में एक विचार होना सीखने की प्रक्रिया में उत्प्रेरक का काम करता है।

jQuery Selectors in hindi :

एक jQuery चयनकर्ता एक फ़ंक्शन है जिसका उपयोग HTML तत्वों में हेरफेर करने के लिए और उनकी कक्षाओं, आईडी, विशेषताओं, प्रकारों और आदि के आधार पर HTML तत्वों का चयन करने के लिए किया जाता है। jQuery चयनकर्ता jQuery पुस्तकालय का बहुत महत्वपूर्ण हिस्सा है। आप jQuery का उपयोग करके एक या अधिक HTML तत्वों का चयन कर सकते हैं और एक बार तत्व का चयन कर सकते हैं।

jQuery – Effects :

jQuery – प्रभाव

JQuery का उपयोग करके आप एक वेब पेज पर कई अलग-अलग प्रभाव जोड़ सकते हैं। यह हमें न्यूनतम कॉन्फ़िगरेशन के साथ आमतौर पर उपयोग किए जाने वाले प्रभावों को जल्दी से लागू करने की अनुमति देता है और प्रभावों को छिपाने / दिखाने, एनीमेशन, लुप्त होती और स्लाइडिंग प्रभावों में वर्गीकृत किया जा सकता है।

एनीमेशन प्रभाव बनाने के लिए ये निम्नलिखित jQuery तालिका सूचियाँ हैं।

parameter Description
animate() यह चयनित तत्वों पर एक एनीमेशन करता है
ClearQueue() इस पद्धति का उपयोग चयनित तत्वों से सभी शेष पंक्तिबद्ध कार्यों को हटाने के लिए किया जाता है
delay() इसका उपयोग चयनित तत्वों पर सभी पंक्तिबद्ध कार्यों के लिए देरी सेट करने के लिए किया जाता है
dequeue() इस विधि का उपयोग कतार से अगले फ़ंक्शन को निकालने के लिए किया जाता है, और फिर फ़ंक्शन को निष्पादित करता है
fadeIn() इसका उपयोग चयनित तत्वों में उनकी अस्पष्टता को समायोजित करके फीका करने के लिए किया जाता है
 fadeOut() इसका उपयोग चयनित तत्वों को उनकी अपारदर्शिता को 0 से समायोजित करने के लिए किया जाता है
fadeTo() यह किसी चयनित अपारदर्शिता के लिए चयनित तत्वों को fades / बाहर करने के लिए उपयोग किया जाता है
fadeToggle() मिलान किए गए तत्व (fadeIn () और fadeOut ()) विधियों को दिखाता या छुपाता है
finish() इस पद्धति का उपयोग चयनित तत्वों के लिए पंक्तिबद्ध एनिमेशन को रोकने, हटाने और पूरा करने के लिए किया जाता है
 hide() इसका उपयोग चयनित / मिलान किए गए तत्वों को छिपाने के लिए किया जाता है
queue() इस पद्धति का उपयोग चयनित तत्वों पर कतारबद्ध कार्यों को हेरफेर करने या दिखाने के लिए किया जाता है
show() इसका उपयोग चयनित तत्वों को प्रदर्शित / प्रदर्शित करने के लिए किया जाता है
slideDown() इसका उपयोग चयनित तत्वों को स्लाइड-डाउन (शो) करने के लिए किया जाता है
slidetoggle() यह स्लाइडअप () और स्लाइडडाउन () विधियों के बीच टॉगल किया जाता है
slideUp() इसका उपयोग चयनित तत्वों को स्लाइड-अप (छुपाने) के लिए किया जाता है
stop() इसका उपयोग तत्वों का चयन करके वर्तमान में चल रहे एनीमेशन को रोकने के लिए किया जाता है
toggle() इस विधि का उपयोग टॉगल को छिपाने () और शो () विधियों के बीच किया जाता है

jQuery animate() Method :

jQuery में jQuery चेतन () विधि आपको सीएसएस गुणों के एक कस्टम एनीमेशन प्रभाव को एक तत्व को एक राज्य से दूसरे सीएसएस शैलियों में बदलने के लिए प्रदान करती है।

(selector).animate({styles},speed,easing,callback)

jQuery delay() Method :

jQuery में jQuery देरी () विधि का उपयोग कतार में अगले आइटम के निष्पादन में देरी के लिए टाइमर सेट करने के लिए किया जाता है, दूसरे शब्दों में इसका उपयोग कतारबद्ध jQuery प्रभाव के बीच देरी करने के लिए किया जाता है।

$(selector).delay(speed,queueName)

jQuery dequeue() Method :

jQuery में jQuery dequeue () पद्धति अगले फ़ंक्शन को कतार से हटाने और उस फ़ंक्शन को निष्पादित करने के लिए उपयोग की जाने वाली एक इनबिल्ट विधि है। एक कतार चलने के लिए कई कार्य होंगे।

$(selector).dequeue(queueName)

jQuery fadeIn() Method :

jQuery fadeIn () jQuery में विधि का उपयोग धीरे-धीरे चयनित तत्वों की अस्पष्टता को छिपी से दृश्यमान (लुप्त होती प्रभाव) में बदलने के लिए किया जाता है जिसका अर्थ है तत्व में फीका।

$(selector).fadeIn(speed,easing,callback)

jQuery fadeOut() Method :

jQuery के fadeOut () मेथड को jQuery के तरीके से चुनिंदा तत्व के लिए अपारदर्शिता के स्तर (तत्व को फीका करके) को बदलने के लिए उपयोग किया जाता है।

$(selector).fadeOut(speed,easing,callback)

jQuery fadeTo() method :

jQuery में jQuery के fadeTo () विधि एक इनबिल्ट विधि है जो चयनित तत्वों में से धीरे-धीरे अपारदर्शिता (किसी दिए गए अपारदर्शिता को लुप्त होने) को बदलने के लिए उपयोग की जाती है।

$(selector).fadeTo(speed,opacity,easing,callback)

jQuery clearQueue() Method :

jQuery में jQuery clearQueue () विधि का उपयोग कतार से उन सभी वस्तुओं को हटाने के लिए किया जाता है जिन्हें अभी तक चलाने के लिए निष्पादित नहीं किया गया है, और यह fx से शेष कार्यों को हटा देता है, मानक प्रभाव कतार।

$(selector).clearQueue(queueName)

jQuery hide() Method :

jQuery hide () jQuery में विधि चयनित तत्वों को छिपाने के लिए एक इनबिल्ट विधि है।

$(selector).hide(speed,easing,callback)

jQuery show() Method :

jQuery show () method का उपयोग छिपे हुए, चयनित तत्वों को दिखाने के लिए किया जाता है।

$(selector).show(speed,easing,callback)

jQuery slideDown() Method :

 slides-down (shows) the elements selected.

jQuery slideUp() Method:

$(selector).slideUp(speed,easing,callback)

jQuery Events in hindi :

jQuery ईवेंट चयनित तत्वों को ट्रिगर या फ़ंक्शन हैंडलर में संलग्न करने का कारण बनता है।

j Query Event