如何取得 jQuery?
本篇文章介紹 jQuery 如何取得及使用，並詳細介紹發佈版號、版本的差異性。
下載 jQuery
下載連結。
下載到專案中，指定的資源目錄中，例如: 在 js 中。
版號差異
- 1.x: 兼容 IE6、7、8，使用最為廣泛，目前官方只做 Bug 維護，功能不再新增。
- 2.x: 不兼容 IE6、7、8，較少人使用，目前官方只做 Bug 維護，功能不再新增。
- 3.x: 不兼容 IE6、7、8，僅支援最新的瀏覽器，
- 4（Beta）: 不再支援 IE10 以及更早版本，強化安全性防禦跨站腳本（XSS）攻擊。
發布版本
模組
- 完整版: 標準版。（
jquery-xxx.js） - Slim: 精簡版。不包含 Ajax 及 Effects，這兩個模組。（
jquery-xxx.slim.js）
分支
- Production: 已被優化、壓縮的狀態，通常用於對外運作的網站或並未對 jQuery 開發的網站。（
jquery-xxx.min.js、jquery-xxx.slim.min.js） - Development: 未被優化、壓縮的狀態，通常用於測試、開發。（
jquery-xxx.js、jquery-xxx.slim.js）
小結
| 標準版 | 精簡版(Slim) | |
|---|---|---|
| 模組 | 全部 | 無 Ajax、Effects 模組 |
| 分支 | Production: jquery-xxx.min.js Development: jquery-xxx.js | Production: jquery-xxx.slim.min.js Development: jquery-xxx.slim.js |
將 jQuery 資源引入到 HTML 中
未將資源正確地引入到 HTML 中，是不能使用 jQuery 的。因此，我們需要將 jQuery 資源正確地引入到網頁中。
本地資源
以相對路徑的描述方式在 </body> 前面引入 jQuery 資源。
html
<!-- jQuery 函式庫引入 -->
<script src="./js/jquery-3.7.1.min.js"></script>
<!-- 專案資源引入（放在 jQuery 的下方，以確保 jQuery 可以先載入） -->
<script src="./js/index.js"></script>CDN (Content Delivery Network) 內容傳遞網路
是指一種透過網際網路相互連接的電腦網路系統，利用最靠近每位使用者的伺服器，更快、更可靠地將檔案傳送給使用者，來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。具有快取效果，只要開過一次網頁，就會將 jQuery 儲存在使用者端，以提升網頁的開啟速度。我們可透過 jQuery CDN 來取得 CDN 資源。
html
<!-- jQuery 函式庫引入 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- 專案資源引入（放在 jQuery 的下方，以確保 jQuery 可以先載入） -->
<script src="./js/index.js"></script>資源引入
JavaScript 資源可以在 HTML 中任何一地方引入。但請切記一點，若有牽涉 DOM 的操作，一定要確保 DOM 準備完畢，才能引入資源。否則，會找不到操作對象。因此，大多數的網路教學都會建議初學者將 JavaScript 資源的引入，放置在 </body> 前面，以減少出錯的狀況發生。
但這樣是最好的方式嗎? 當然不是。隨著科技的日新月異，瀏覽器的功能愈來愈強大，已經有更好的方式來解決此問題。有興趣的觀眾請移駕 到此觀賞