解決 jQuery「$ is not defined」經典錯誤

錯誤訊息

Uncaught ReferenceError: $ is not defined

根本原因

頁面尚未載入 jQuery 函式庫，或載入路徑錯誤、順序錯誤（在 jQuery 載入前就使用了 $）。

快速修復

1. 引入官方 CDN（推薦）：

   <script src="https://code.jquery.com/jquery-3.7.1.min.js"
           integrity="sha256-..." crossorigin="anonymous"></script>
   

2. 本地引用：確認檔案存在且路徑正確：

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

3. 載入順序：jQuery <script> 必須置於所有使用 $ 的腳本之前。

進階：使用 noConflict 避免衝突

<script src="jquery.js"></script>
<script src="prototype.js"></script> 
<script>
  var $j = jQuery.noConflict(); // 釋放 $ 給 prototype
  $j(document).ready(function(){ $j("div").hide(); });
</script>

除錯清單

• 瀏覽器開發者工具 → Network 面板確認 jquery.js 狀態碼 200。
• Console 輸入 typeof jQuery 應回傳 "function"。
• 檢查是否有 CSP 政策阻擋外部腳本載入。