最近在開發網頁時，發現使用HTML引用jQuery出現了問題，瀏覽器控制臺顯示了報錯信息。
錯誤信息如下：
Uncaught ReferenceError: $ is not defined
這個錯誤信息說明我們在使用jQuery時，$符號并沒有被正確加載，導致瀏覽器無法識別我們寫的jQuery代碼。
這種問題通常出現在我們的jQuery引用寫在HTML文件的頭部時，因為頭部的代碼會在頁面加載前就被執行，而此時瀏覽器可能還沒有加載完整個jQuery庫。也就是說，瀏覽器在執行我們的代碼時，還沒有找到$符號，從而導致了錯誤的出現。
要解決這個問題，我們可以將jQuery的引用放在HTML文件的底部，這樣在代碼執行時，jQuery庫已經被完全加載，瀏覽器就能找到$符號了。
以下是一段示例代碼，它演示了如何正確引用jQuery：
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<!-- 這里是正文內容 -->
<!-- jQuery 庫的引用 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 放在底部可以避免錯誤 -->
<script>
$(document).ready(function() {
$('p').click(function() {
$(this).hide();
});
});
</script>
</body>
</html>