jQuery 入門
將 jQuery 新增到你的網頁
有幾種方法可以在你的網站上開始使用 jQuery。你可以
- 從 jQuery.com 下載 jQuery 庫
- 從 CDN(如 Google)引入 jQuery
下載 jQuery
jQuery 有兩個可供下載的版本
- 生產版本 - 這個版本適用於你的線上網站,因為它經過了縮小和壓縮處理
- 開發版本 - 這個版本用於測試和開發(未壓縮且程式碼可讀)
這兩個版本都可以從 jQuery.com 下載。
jQuery 庫是一個單獨的 JavaScript 檔案,你可以使用 HTML 的 <script>
標籤來引用它(請注意,<script>
標籤應該放在 <head>
部分內)
<head>
<script src="jquery-3.7.1.min.js"></script>
</head>
提示:將下載的檔案放在你希望使用它的頁面的同一目錄下。
jQuery CDN
如果你不想自己下載和託管 jQuery,你可以從 CDN(內容分發網路)引入它。
Google 是託管 jQuery 的一個例子
Google CDN
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
自己動手試一試 »
使用 Google 託管的 jQuery 的一個主要優勢是
許多使用者在訪問其他網站時已經從 Google 下載了 jQuery。因此,當他們訪問你的網站時,它將從快取中載入,從而縮短載入時間。此外,大多數 CDN 會確保一旦使用者向其請求檔案,它將從離他們最近的伺服器提供服務,這也提高了載入速度。