當我們在開發網頁時，很可能會用到 jQuery 進行 DOM 操作、事件綁定等操作。而為了讓網頁使用 jQuery 這個庫，就需要在 HTML 中引用外部的 jQuery 文件。下面就讓我們來看一看如何在 HTML 中引用外部 jQuery。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引用外部 jQuery</title>
<!-- 引用外部的 jQuery 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<p>這是一個使用 jQuery 的網頁！</p>
<script>
// 這里可以寫 jQuery 相關的代碼
$('p').css('color', 'red');
</script>
</body>
</html>在上面的代碼中，我們首先在 head 標簽中引用了外部的 jQuery 文件。由于 jQuery 文件存放在外部服務器上，我們需要通過 URL 指定文件的路徑，這里使用了 CDN（內容分發網絡）來提供 jQuery 文件的引用，這樣可以使我們的網頁加載更快。
在 body 中，我們就可以使用 jQuery 來進行 DOM 操作了。如上面所示，我們使用了 jQuery 的語法來選中所有的 p 標簽并設置其文本顏色為紅色。
通過上面的簡單示例，相信我們已經了解了如何在 HTML 中引用外部 jQuery。不過值得注意的是，我們需要在引用 jQuery 文件之前先加載 jQuery 文件，這樣才能保證在使用 jQuery 相關的語法時不會出現錯誤。