最新的Web開發教程
 

jQuery入門


jQuery的添加到您的網頁

有幾種方法,開始您的網站使用jQuery。 您可以:

  • 從jQuery.com下載jQuery庫
  • 包括jQuery的從CDN,像谷歌

jQuery的下載

有jQuery的兩個版本可供下載:

  • 量產版 - 這是為您的生活網站,因為它已被精縮和壓縮
  • 開發版 - 這是用於測試和開發(未壓縮和可讀的代碼)

兩個版本都可以從下載jQuery.com

jQuery庫是一個JavaScript文件,並且你的HTML引用它<script>標記(注意, <script>標記應該是裡面<head>部分):

<head>
<script src="jquery-1.12.2.min.js"></script>
</head>

提示:將下載的文件在同一目錄下,你想使用它的頁面。

你想知道為什麼我們沒有type="text/javascript"裡面<script>標記?

這不是在HTML5必需的。 JavaScript是在HTML5和所有現代瀏覽器的默認腳本語言!


jQuery的CDN

如果你不想下載和託管jQuery的自己,你可以從一個CDN(內容分發網絡),包括它。

谷歌和微軟的主機jQuery的。

從谷歌或微軟使用jQuery,使用下列之一:

谷歌CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
試一試»

微軟CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
試一試»

使用來自谷歌或微軟託管的jQuery的一大優勢:

訪問其他網站時,許多用戶已經從谷歌或微軟下載jQuery的。 這樣一來,它就會從緩存中,當他們訪問您的網站,從而導致更快的加載時間加載。 此外,大多數CDN的將確保一旦用戶請求從一個文件,它會從最接近他們的服務器上,這也導致更快的加載時間提供服務。