jQuery का उपयोग करने के लिए, सबसे पहले आपको इसे अपने प्रोजेक्ट में सेटअप करना होगा। jQuery सेटअप प्रक्रिया बहुत ही सरल और सीधी है। इस अध्याय में, हम आपको यह बताएंगे कि कैसे आप jQuery को अपने वेब पेज में शामिल कर सकते हैं। हम jQuery को शामिल करने के दो प्रमुख तरीकों पर चर्चा करेंगे: एक तो सीडीएन (CDN) का उपयोग करके और दूसरा स्थानीय जक्वेरी फाइल (Local jQuery File) का उपयोग करके।
सीडीएन का उपयोग करके jQuery को शामिल करना बेहद सुविधाजनक और तेज़ होता है, क्योंकि यह इंटरनेट पर उपलब्ध एक सार्वजनिक सर्वर से लोड होता है। दूसरी ओर, स्थानीय फाइल का उपयोग करके jQuery को शामिल करने का तरीका आपको अपने प्रोजेक्ट में jQuery फाइल को डाउनलोड और होस्ट करने की अनुमति देता है।
इन दोनों तरीकों को सीखने से आप आसानी से jQuery को अपने प्रोजेक्ट में शामिल कर सकेंगे और इसके शक्तिशाली फीचर्स का उपयोग कर पाएंगे। आइए, jQuery सेटअप प्रक्रिया को विस्तार से समझते हैं।
jQuery कोड कैसे शामिल करें? (How to Include jQuery Code?)
jQuery को अपने वेब पेज में शामिल करना बहुत ही आसान है। इसे आप दो प्रमुख तरीकों से कर सकते हैं: एक सीडीएन (CDN) का उपयोग करके और दूसरा स्थानीय jQuery फाइल (Local jQuery File) का उपयोग करके। आइए, इन दोनों तरीकों को विस्तार से समझते हैं।
1. सीडीएन का उपयोग करके jQuery को शामिल करना (Including jQuery Using CDN)
सीडीएन (Content Delivery Network) का उपयोग करके jQuery को शामिल करना सबसे तेज़ और सुविधाजनक तरीका है। इसके लिए आपको केवल एक स्क्रिप्ट टैग कोड में जोड़ना होता है जो सीडीएन सर्वर से jQuery फाइल को लोड करता है। निम्नलिखित कोड को अपने HTML डोक्यूमेंट के <head> या <body> टैग में जोड़ें:
<!DOCTYPE html>
<html>
<head>
<title>My jQuery Page</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
इस कोड में, https://code.jquery.com/jquery-3.6.0.min.js सीडीएन लिंक है जो jQuery की मिनिफाइड फाइल को लोड करता है। आप हमेशा jQuery की नवीनतम स्थिर संस्करण का उपयोग करने के लिए इस लिंक को अपडेट कर सकते हैं।
2. स्थानीय jQuery फाइल का उपयोग करके jQuery को शामिल करना (Including jQuery Using Local File)
यदि आप इंटरनेट कनेक्शन पर निर्भर नहीं रहना चाहते या अपनी फाइल को लोकली होस्ट करना पसंद करते हैं, तो आप jQuery की फाइल को अपने प्रोजेक्ट में डाउनलोड कर सकते हैं। इसके लिए निम्नलिखित चरणों का पालन करें:
- jQuery की आधिकारिक वेबसाइट पर जाएं और jQuery का नवीनतम संस्करण डाउनलोड करें।
- डाउनलोड की गई jQuery फाइल को अपने प्रोजेक्ट फोल्डर में सेव करें। उदाहरण के लिए, आप इसे
jsफोल्डर में सेव कर सकते हैं। - HTML डोक्यूमेंट में स्क्रिप्ट टैग के माध्यम से इस फाइल को लिंक करें:
<!DOCTYPE html>
<html>
<head>
<title>My jQuery Page</title>
<script src="js/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
इस कोड में, js/jquery-3.6.0.min.js उस पाथ को दर्शाता है जहां आपने jQuery की फाइल को सेव किया है।
इन दोनों तरीकों का उपयोग करके आप आसानी से jQuery को अपने वेब पेज में शामिल कर सकते हैं और इसके शक्तिशाली फीचर्स का लाभ उठा सकते हैं। अब आप अपने प्रोजेक्ट में jQuery का उपयोग शुरू करने के लिए तैयार हैं।