वेनिला जावास्क्रिप्ट बनाम jquery

Question

मुझे दोनों के बीच अंतर को समझने में परेशानी हो रही है। मैंने पुस्तकालय डाउनलोड करने की कोशिश की और कोई कोड नहीं था। मैं jQuery में बनाए गए अन्य बुनियादी कार्यों के साथ एक बुनियादी स्लाइडर बनाने की कोशिश कर रहा हूं। कोई मदद, ट्यूटोरियल, प्लगइन्स और जानकारी बहुत उपयोगी होगी!

Answer 1

जावास्क्रिप्ट ब्राउज़र

करने के लिए बनाया गया है और तुम सिर्फ

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

साथ शुरू करने के लिए jQuery और jQueryUI के ऑनलाइन संस्करण के लिए लिंक कर सकते हैं और स्लाइडर jQuery ui पुस्तकालय में है - (यह है एक पुस्तकालय के शीर्ष और jQuery पर निर्भर) पर बनाया गया तो लाना है कि अगले

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

में तो jQueryUI से नमूने अधिक अर्थपूर्ण होनी चाहिए

<script> 
    $(function() { 
    $("#slider").slider(); 
    }); 
    </script> 

<div id="slider"></div> 

से

http://jqueryui.com/slider/

Answer 2

"वेनिला जे एस" सादे, असंशोधित जावास्क्रिप्ट को दर्शाता है।

document.getElementById('myelement').innerHTML = "I was written with JavaScript!"; 

jQuery के प्रयोजन वाले कार्यों और सामान का एक संग्रह यह आसान जावास्क्रिप्ट लिखने के लिए (हालांकि व्यक्तिगत रूप से मुझे लगता है यह इसे और अधिक स्पेगेटी की तरह बना देता है)

$("#myelement").html("I was written with jQuery!"); 

jQuery के बाद से सिर्फ एक गुच्छा है बनाने के लिए है जावास्क्रिप्ट का, सादा जावास्क्रिप्ट हमेशा चलाने के लिए तेज़ है। लिखना मुश्किल हो सकता है क्योंकि आपको वास्तव में क्या करना है इसके बारे में सोचना होगा, लेकिन यह jQuery में एक ही चीज़ से तेज़ होगा।

उपरोक्त दो कोड नमूने की तुलना के लिए, देखें this JSPerf

Answer 3

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

दूसरी ओर, jQuery यूआई एक यूआई लाइब्रेरी है जो आपको मूलभूत UI तत्वों को संक्षिप्त तरीके से कोड करने की अनुमति देती है।

आपने यह निर्दिष्ट नहीं किया कि आप किसका उपयोग कर रहे थे। नवीनतम संस्करण के लिए यूआई

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

और इस:

jQuery एम्बेड करने के लिए, नवीनतम jQuery संस्करण के लिए इस का उपयोग

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

ध्यान दें कि हमारे ऊपर के उदाहरण jQuery.com पर की मेजबानी की।

Google डेवलपर.google.com के माध्यम से एक होस्टेड jQuery समाधान भी प्रदान करता है।

आप अपने सर्वर पर jQuery को स्वयं होस्ट भी कर सकते हैं (यदि आपके पास कोई है)। कुछ लोग सोचते हैं कि Google के सर्वर (या jQuery की) का उपयोग करना बहुत तेज़ है और इसे अपने सर्वर पर होस्ट करना है, लेकिन यह आप परीक्षण चलाने और यह पता लगाने के लिए है कि कौन सा आपके लिए सबसे अच्छा/तेज़ काम करता है।

क्योंकि jQuery एक बाहरी पुस्तकालय (जावास्क्रिप्ट का विस्तार) है, आपको इसे लोड करना होगा, यह ब्राउज़र में नहीं बनाया गया है, इसलिए यह हमेशा धीमा रहता है।

हालांकि कुछ लोग सोचते हैं कि jQuery (कुछ के लिए), कोड के लिए बहुत आसान है (और फ़ेडइन जैसे संक्रमण अंतर्निहित हैं), यह धीमी लोडिंग समय के लायक है।

उम्मीद है कि इससे मदद मिलती है।

संपादित करें: आपने यह भी बताया कि आपने जावास्क्रिप्ट डाउनलोड किया है और इसमें कोई कोड नहीं था, लेकिन ब्राउज़र के अंदर जावास्क्रिप्ट अंतर्निहित है, इसलिए इसमें कोई डाउनलोड नहीं है। आप शायद this joke का जिक्र कर रहे हैं।