2009-09-22 12 views
53

किसी नए व्यक्ति के लिए jQuery इंस्टॉल करने की प्रक्रिया क्या है?jQuery स्थापित करना?

+16

यह स्पष्ट रूप से अभी शुरुआत सवाल है, लेकिन मैं समझता हूँ कि ऐसा क्यों कहा जा रहा है। "स्थापना" पृष्ठ पर लिंक (यदि आप इसे कॉल कर सकते हैं) आपको सीधे ब्राउज़र फ़ाइल पर ले जाते हैं, ब्राउज़र में फ़ाइल प्रदर्शित करते हैं (इसे डाउनलोड करने के विपरीत)।पाठ को आपके वेब सर्वर पर वास्तविक फ़ाइल के रूप में सहेजने के लिए कोई निर्देश नहीं हैं, और अनुभवी प्रोग्रामर स्वयं रिक्त स्थान भर सकते हैं, निश्चित रूप से दस्तावेज़ीकरण का पूरा बिंदु डमी को पूरा करना है! रोलैंड के अपवाद के साथ (जो एक वास्तविक डाउनलोड लिंक प्रदान करता है), इस धागे में सभी प्रतिक्रियाएं इस बिंदु को अनदेखा करती हैं। – cartbeforehorse

उत्तर

95

jQuery अप और एक मिनट या उससे कम में चल रहा प्राप्त करें:

सम्मिलित यह आपके HTML में (सबसे अधिक सिर में है, लेकिन आप भी अंत शरीर टैग के सामने फेंक कर सकते हैं):

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

फिर अपने jQuery एक के बाद एक स्क्रिप्ट तत्व रखें। डीओएम तैयार होने के बाद यह 'हैलो' को सतर्क करेगा।

<script>$(function() { alert('hello') });</script> 

पढ़ें the documentation

jQuery स्थानीय रूप से उपयोग करना:

के बाद आप एक एहसास मिलता है, आपके कंप्यूटर के लिए स्थानीय स्तर पर jQuery डाउनलोड करने की कोशिश, और अपने स्क्रिप्ट फ़ाइल से लिंक करें। संरचना इतनी तरह है:

C:/web/index.html 
C:/web/js/jquery.js 

index.html: 

    <head> 
     <script src="js/jquery.js"></script> 
     <script>$(function() { alert('hi') })</script> 
    </head> 

आप पर अपने सहेजे गए संस्करण ऑफ़लाइन निर्भर करता है, तो आप इंटरनेट/वाई-फाई की जरूरत नहीं है का लाभ दिया है। आप jQuery स्रोत पर कस्टम संपादन भी कर सकते हैं और इसे इच्छानुसार संशोधित कर सकते हैं।

अध्ययन jQuery स्रोत [उन्नत]

डाउनलोड असम्पीडित संस्करण से:

http://code.jquery.com/jquery-latest.js

आप प्राप्त कर लेने के बाद जावास्क्रिप्ट/डोम ज्ञान का एक सा यह अलग कदम उठाने की कोशिश करते हैं कदम से

+5

इन दिनों माइक्रोसॉफ्ट द्वारा होस्ट किया गया एक भी है। – eglasius

+1

और एकाधिक होस्ट किए गए, अगर कोई अन्य –

+1

का उपयोग करने में विफल रहता है तो इसे संभालने के तरीके Google द्वारा होस्ट किया जाता है। अपने कोड में इसे लिंक करें और यह उपयोग के लिए तैयार है। – shmuli

3

कोई नहीं है। Google के संस्करण से लिंक करने के लिए स्क्रिप्ट टैग का उपयोग करें (या इसे स्वयं डाउनलोड करें और यदि आप वास्तव में चाहते हैं तो अपनी प्रतिलिपि से लिंक करें)।

यदि आपको नहीं पता कि यह कैसे करना है, तो jQuery सीखने का प्रयास करने से पहले HTML और जावास्क्रिप्ट सीखें।

2

कोई स्थापना आवश्यक नहीं है। बस अपने एप्लिकेशन फ़ोल्डर में jQuery जोड़ें और जेएस फ़ाइल का संदर्भ दें।

<script type="text/javascript" src="jQuery.js"></script> 

यदि jQuery आपकी संदर्भित फ़ाइल के समान फ़ोल्डर में है।

0

जैसा कि बताया गया है, आपको इसकी आवश्यकता नहीं है। Google AJAX Libraries API का उपयोग करें, और आपको अपनी साइट संपत्तियों के आधार पर jQuery की सीडीएन होस्टिंग मुफ्त में मिलती है, jQuery उपयोगकर्ताओं के लिए बड़े डाउनलोड में से एक हो सकता है।

13

कोई स्थापना नहीं है।

आप download jQuery और अपने html फ़ाइलें में शामिल इस तरह:

<script src="jquery.js" type="text/javascript"></script> 
बेशक

, फ़ाइल का नाम बदलें ताकि यह डाउनलोड की स्क्रिप्ट फ़ाइल के रूप में ही है।

हो गया!

+18

असहमत। स्थानीय माध्यमों को जब वे आपकी साइट पर जाते हैं तो उन्हें jQuery डाउनलोड करना होता है। संभावना बहुत अधिक है कि उनके पास पहले से ही Google संस्करण कैश किया गया है। – womp

0

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

उदाहरण के लिए, अपने वेबपेज

<script type="text/javascript" src="../Js/jquery.js"></script> 

आप से Downloading jQuery वर्तमान jQuery रिलीज डाउनलोड कर सकते हैं के सिर टैग में।

1

आपकी वेबसाइट पर jQuery का उपयोग करने के दो अलग-अलग तरीके हैं। शुरू करने के लिए, आपको अपने वेबसाइट स्रोत तक पहुंच की आवश्यकता है, भले ही यह एक प्रोग्रामिंग भाषा से सीधे HTML या जेनरेट किया गया HTML हो। फिर आपको <script> टैग डालना होगा जो अंतिम ब्राउज़र में वेब ब्राउज़र में प्रस्तुत करेगा।

क्योंकि आप jQuery के लिए नए हैं, तो मुझे अत्यधिक सुझाव है कि आप How jQuery works पढ़ना शुरू करें।

जैसा कि अन्य ने उल्लेख किया है, सामग्री वितरण नेटवर्क (सीडीएन) हैं जो JQuery होस्ट करते हैं - आपको केवल एक विशिष्ट यूआरआई में अपनी स्क्रिप्ट टैग src इंगित करने की आवश्यकता है। Google और Microsoft दोनों में सीडीएन हैं जो निजी और वाणिज्यिक उपयोग के लिए नि: शुल्क हैं।

वैकल्पिक रूप से, आप download jQuery कर सकते हैं और इसे अपनी वेबसाइट पर होस्ट कर सकते हैं।

आप leverage both of these methods together भी कर सकते हैं। यदि Google या Microsoft CDN को अंतिम उपयोगकर्ता के देश/फ़ायरवॉल/प्रॉक्सी में अवरुद्ध या अवरुद्ध किया गया है, तो आप jQuery की स्थानीय रूप से होस्ट की गई प्रतिलिपि पर फ़ॉलबैक कर सकते हैं।

7

निम्न चरणों के

1 पालन किया जा सकता) डाउनलोड इस लिंक DOWNLOAD

2) अपने रूट वेब निर्देशिका जैसे में js फाइल कॉपी पर क्लिक करके Jquery। www.test.com/jquery-1.3.2.min.js

3) आपके index.php या index.html में हेड टैग्स के बीच निम्न कोड शामिल है, और फिर JQuery स्थापित किया जाएगा।

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
+0

यदि आप एक विशिष्ट संस्करण डाउनलोड करना चाहते हैं, तो jQuery के सभी संस्करण स्थित हैं [यहां jQuery साइट पर] (https://code.jquery.com/jquery/) – LandedGently

2

jQuery कोर से लिंक करना सबसे अच्छी बात Google के माध्यम से है।
वहाँ 3 कारण यह इस तरह से करने के लिए कर रहे हैं,

  • विलंबता में कमी
  • वृद्धि समानांतरवाद
  • बेहतर कैशिंग

      देखें:
      http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

Your code here..... 

    }); 
</script> 
+1

इसके बारे में क्या है यदि यह घर व्यवसाय व्यवसाय ऐप है इंट्रानेट पर कर्मचारी जिनके पास अभी भी इंटरनेट तक पहुंच है। क्या इसे स्थानीय सर्वर पर स्टोर करना बेहतर होगा या फिर भी यह Google से जुड़ा होगा। – eaglei22

0

ठीक है, जैसा कि अधिकांश उत्तरों ने इंगित किया है, आप स्थानीय रूप से jQuery फ़ाइल को शामिल कर सकते हैं और Google के सीडीएन/माइक्रोसॉफ्ट सीडीएन सर्वर का उपयोग भी कर सकते हैं। Google बनाम चुनने परआपकी आवश्यकता के आधार पर माइक्रोसॉफ्ट सीडीएन Google_CDN vs. Microsoft_CDN पर जाएं।

आम तौर पर इंट्रानेट के लिए अनुप्रयोगों jQuery फ़ाइल स्थानीय तौर पर और कभी नहीं इंट्रानेट के लिए के बाद से CDN विधि का उपयोग में शामिल हैं, लैन 10x बार इंटरनेट से तेज है। इंटरनेट और सार्वजनिक सामना करने वाले अनुप्रयोगों के लिए कहीं और गायब द्वारा सुझाए गए एक संकर दृष्टिकोण का उपयोग करें। अपने jQuery लाइब्रेरी में जोड़े गए अतिरिक्त जावास्क्रिप्ट कोड को संपीड़ित करने के लिए अच्छा टूल JS_Compressor का उपयोग करना न भूलें। यह जावास्क्रिप्ट वास्तव में तेज़ बनाता है।

0

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

1) jQuery अपनी खुद की साइट से जोड़ें: e-satis के Include JavaScript file inside JavaScript file?

+1

मुझे आपको यह बताने के लिए साइन इन करना पड़ा कि अब तक मैंने कभी देखा है कि किसी ने मुझे jQuery में शामिल किया है। रंगमंच की सामग्री। – DrewRobertson93

+0

मैं इसका उपयोग तब करता हूं जब मैं एक यादृच्छिक वेबपृष्ठ के कंसोल में JQuery का उपयोग करना चाहता हूं यह देखने के लिए कि चीजें कैसे काम करती हैं या जो भी हो। इससे कोई फर्क नहीं पड़ता कि वेबसाइट क्या है। मुझे लगता है कि वेबसाइट विकसित करते समय यह बहुत व्यावहारिक नहीं है। – Nate

0

को जवाब देने के लिए

function loadScript(url, callback) 
{ 
    // adding the script tag to the head as suggested before 
    var head = document.getElementsByTagName('head')[0]; 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 

    // then bind the event to the callback function 
    // there are several events for cross browser compatibility 
    script.onreadystatechange = callback; 
    script.onload = callback; 

    // fire the loading 
    head.appendChild(script); 
} 
loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js") 

loadScript समारोह धन्यवाद वहाँ अपने आवेदन में jQuery लोड करने के लिए दो तरीके हैं।

इस के लिए, आप सही स्रोत पथ के साथ अपने पृष्ठ के <Head> खंड में jQuery संदर्भ जोड़ने की जरूरत:

<script src="script/jquery.js" type="text/javascript"></script> 

लेकिन यह ग्राहक के लिए एक फ़ाइल डाउनलोड के लिए अपने सर्वर पर एक अतिरिक्त भार बनाने

2) Google, माइक्रोसॉफ्ट या jQuery जैसे किसी भी अन्य सर्वर से jQuery लोड करने के लिए अन्य तरीका।

के रूप में कहा गया है here:

यह कई लाभ प्रदान करता है।

  1. आप हमेशा नवीनतम jQuery ढांचे का उपयोग करते हैं।
  2. इससे आपके सर्वर से लोड कम हो जाता है।
  3. यह बैंडविड्थ बचाता है। jQuery सीडीएन इन सीडीएन से तेजी से लोड होगा।
  4. सबसे महत्वपूर्ण लाभ यह कैश किया जाएगा, यदि उपयोगकर्ता ने ऐसी साइट पर जाकर देखा है जो इनमें से किसी भी सीडीएन से jQuery फ्रेमवर्क का उपयोग कर रहा है।

यहाँ लिंक है जिसके द्वारा आप Microsoft से jQuery लोड हो सके। इस यूआरएल का पालन करें, यह सहायक हो सकता है।

http://www.asp.net/ajaxlibrary/cdn.ashx

+0

ध्यान दें कि लिंक-केवल उत्तर SO पर यहां निराश हैं। कृपया [अपने उत्तर को संपादित करें] पर विचार करें (http://meta.stackexchange.com/a/8259/186599) और यहां एक सारांश जोड़ना। – NAZIK

+0

यदि आप किसी अन्य साइट से शब्द की प्रतिलिपि बनाते हैं, तो कृपया इसे ब्लॉक कोट्स में संलग्न करना सुनिश्चित करें ताकि यह स्पष्ट हो सके कि ये आपके मूल शब्द नहीं हैं। मैंने उपर्युक्त उत्तर में यह किया है। –

0

आप एक पैकेज प्रबंधक का उपयोग करना चाहते हैं, तो

आप bower उपयोग कर सकते हैं:

bower install jquery-ui 
संबंधित मुद्दे