在編寫網頁代碼時，使用jQuery可以使代碼更加簡潔，適合制作響應式網站，而jQuery的導入則需要在HTML文檔中進行。
<!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>
<!-- jQuery代碼 -->
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
<!-- HTML代碼 -->
<h2>我的代碼</h2>
<p>Hello World!</p>
<button>切換</button>
</body>
</html>在HTML的<head>標簽中先導入jQuery庫，然后在<body>標簽中編寫jQuery代碼，在代碼中可以調用文檔對象模型(DOM)中的元素進行操作，使網頁實現更多交互效果。