2009-09-22 27 views
53

什麼是爲新的人安裝jQuery的過程?安裝jQuery?

+16

這顯然是一個新手的問​​題,但我明白爲什麼它被要求。 「安裝」頁面上的鏈接(如果可以這樣稱呼的話)會直接將您帶到文本文件,在瀏覽器中顯示文件(而不是下載文件)。沒有說明將文本保存爲網絡服務器上的實際文件,而有經驗的程序員可能自己填寫空白文件,當然,文檔的全部內容都是爲了迎合虛擬!除Roland(提供實際下載鏈接)之外,本主題中的所有回覆似乎都忽略了這一點。 – cartbeforehorse 2012-06-05 16:10:57

回答

95

獲取的jQuery並在一分鐘或更少的運行:

插入該到您的HTML(最常見於頭,但你可以結束標記之前把它太):

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

然後在jQuery之後放置一個腳本元素。這會在DOM準備好後提醒'你好'。

<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

你已經獲得了少量的JavaScript/DOM知識,嘗試把它拆開步驟後一步一步。

+5

這幾天還有一個由微軟託管。 – eglasius 2009-09-22 06:06:06

+1

,並給予多種託管方式來處理,如果一個不能使用另一個 – 2010-06-23 14:56:09

+1

它也由谷歌託管。在您的代碼中鏈接到它並準備好使用。 – shmuli 2013-07-16 06:47:27

3

沒有。使用腳本標籤鏈接到谷歌的版本(或自己下載並鏈接到您的副本,如果你真的想)。

如果你不知道該怎麼做,在嘗試學習jQuery之前先學習HTML和Javascript。

2

無需安裝。只需將jQuery添加到您的應用程序文件夾並給出對js文件的引用即可。

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

如果jQuery與您引用的文件位於同一個文件夾中。

0

正如指出的那樣,你不需要。使用Google AJAX Libraries API,您可以免費獲得CDN的jQuery託管服務,根據您的站點資產,jQuery可以是用戶的更大的下載之一。

13

本身沒有安裝。

download jQuery並將其包含在HTML文件是這樣的:

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

當然,修改文件名,以便它是一樣的下載腳本文件。

完成!

+18

不贊同。本地意味着他們在訪問您的網站時必須下載jQuery。機會非常高,他們已經有谷歌版本緩存。 – womp 2009-09-22 06:19:08

0

jQuery只是一個JavaScript庫(簡單地說就是一個JavaScript文件)。您只需將其放入您的網站目錄並在HTML中引用即可使用它。

例如,在您的網頁

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

您可以從 Downloading jQuery當前的jQuery發行的頭標記。

1

有兩種不同的方法可以在您的網站上使用jQuery。首先,您需要訪問您的網站源代碼,無論它是直接的HTML還是編程語言生成的HTML。然後你需要插入一個<script>標籤,該標籤將在最終輸出中呈現給Web瀏覽器。

因爲您是jQuery的新手,我強烈建議您開始閱讀How jQuery works

正如其他人所說的,有內容分發網絡(CDN)承載JQuery - 您需要做的就是將您的腳本標記src指向特定的URI。 GoogleMicrosoft都擁有免費供個人和商業使用的CDN。

或者,您可以download jQuery並將其託管在您自己的網站上。

您也可以leverage both of these methods together。如果Google或Microsoft CDN在最終用戶的國家/防火牆/代理服務器中停機或被阻止,您可以回退到您本地託管的jQuery副本。

7

下面的步驟可以遵循

1)通過點擊此鏈接DOWNLOAD

2)js文件複製到你的根Web目錄如上下載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 2014-09-24 16:56:44

2

最好的事情是鏈接到jQuery核心是通過谷歌。
有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

如果它是一個內部商業應用程序內部網上仍然可以訪問互聯網的員工。將它存儲在本地服務器上還是將它鏈接到谷歌會更好? – eaglei22 2016-02-10 13:26:23

0

那麼,正如大多數答案指出的那樣,您可以在本地包含jQuery文件,也可以使用Google的CDN/Microsoft CDN服務器。在選擇Google vs.根據您的要求,Microsoft CDN轉到Google_CDN vs. Microsoft_CDN

一般爲內部網應用包括jQuery的本地文件,從不使用,因爲企業內部網的CDN方法,局域網比互聯網更快 10X倍。對於互聯網和麪向公衆的應用程序,使用其他地方的cowgod建議的混合方法。另外,請不要忘記使用漂亮的工具JS_Compressor來壓縮添加到jQuery庫的額外JavaScript代碼。它使JavaScript真的很快。

0

僅使用JavaScript安裝JQuery。如果您正在開發一個網站,這不是一個很好的解決方案,但如果您希望在不使用JQuery的隨機網站的JavaScript控制檯中使用JQuery,那就太好了。

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功能感謝e-satis的答案Include JavaScript file inside JavaScript file?

+1

我不得不登錄告訴你,這是迄今爲止我見過的最令人費解的方式,包括jQuery。道具。 – DrewRobertson93 2015-04-22 19:36:52

+0

當我想在隨機網頁的控制檯中使用JQuery來查看事物如何工作或者其他什麼時,我使用它。無論網站是什麼,它都可以工作。我想這在開發網站時不太實際。 – Nate 2015-04-23 14:37:18

0

有兩種方法在應用程序中加載的jQuery:

1)從您自己的網站添加jQuery的。

對於這一點,你需要在正確的src路徑與頁面的<Head>節中添加的jQuery參考:

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

但這創建一個額外的負載到您的服務器下載文件到客戶端

2)另一種方式來從任何其他服務器,如谷歌,微軟或jQuery本身加載jQuery。

如前所述here

它具有幾個優點。

  1. 您總是使用最新的jQuery框架。
  2. 它減少了服務器的負載。
  3. 它節省了帶寬。 jQuery框架將從這些CDN加載得更快。
  4. 最重要的好處是它會被緩存,如果用戶訪問過任何這些使用jQuery框架的網站,則可以使用這些 CDN。

以下是您可以從Microsoft加載jQuery的鏈接。 按照這個URL,它可能會有幫助。

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

+0

請注意,SO上的鏈接專用答案是不鼓勵的。請考慮[編輯您的答案](http://meta.stackexchange.com/a/8259/186599)並在此處添加摘要。 – NAZIK 2013-07-16 06:58:37

+0

如果您是從其他網站複製字詞,請務必將其用引號括起來,以表明這些不是您的原始單詞。我已經在上面的答案中做了這個。 – 2013-07-16 15:43:01

0

如果您想使用的軟件包管理器,

您可以使用bower

bower install jquery-ui