在前端開發中，jQuery是一個非常常用的JavaScript庫。它可以簡化DOM操作、事件處理、AJAX請求等任務的編寫。而HBuilder是一個非常方便的集成開發環境，我們可以借助它來引用jQuery庫。
<!DOCTYPE html>
<html>
<head>
<title>使用HBuilder引用jQuery</title>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- 引用jQuery庫 -->
</head>
<body>
<h1>Hello World!</h1>
<script>
$(function() {
$('h1').click(function() {
alert('Hello World!');
});
});
// 使用jQuery庫
</script>
</body>
</html>在上述代碼中，我們通過<script>標簽的src屬性引用了jQuery庫，之后就可以在頁面中使用$()函數來操作DOM元素了。在代碼中，我們使用了$()函數，通過選擇器選擇了網頁中的h1元素，并綁定了一個點擊事件，當用戶點擊h1元素時，會執行alert('Hello World!')代碼。這就是通過HBuilder引用jQuery庫的過程。