在HTML中使用jQuery可以大大簡化Javascript編程任務。jQuery是一個基于JavaScript庫，通過減少代碼的數量和復雜性，讓JavaScript易于使用。我們可以通過簡單的幾行代碼來完成復雜的任務。下面介紹如何在HTML中使用jQuery。
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery實現網頁設計</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入jQuery -->
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h1>使用jQuery的網頁</h1>
<p>這是一個jQuery網頁</p>
<button>隱藏段落</button>
</body>
</html>我們可以看到，通過引用jQuery庫，我們可以使用美元符號" $ "來操作DOM元素。在上面的代碼中，當我們點擊"隱藏段落"按鈕時，使用jQuery選擇器選擇所有的<p>元素并隱藏它們。
此外，通過使用jQuery我們還可以使用其他函數來執行其他任務，如改變CSS樣式、向元素添加內容、彈出提示框以及發起AJAX請求等等。因此，使用jQuery是網頁設計過程中非常有用的工具。
上一篇HTM用jquery
下一篇怎么在css中使用變量