在网页开发中，经常会用到jQuery库来方便地操作文档对象模型（DOM）。如果想在HTML中引用jQuery库的变量，可以使用以下方法：

<!-- 引用jQuery库 -->
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
<!-- 定义jQuery变量 -->
<script>
$(document).ready(function(){
var myVar = "Hello World";
});
</script>
<!-- HTML中引用jQuery变量 -->
<p>
Here is my variable: <span id="myVariable"></span>
</p>
<script>
$(document).ready(function(){
// 将jQuery变量myVar的值赋给HTML元素
$("#myVariable").html(myVar);
});
</script>

在上面的代码中，我们首先引用了jQuery库，然后定义了一个jQuery变量myVar，并给它赋值为"Hello World"。在HTML中，我们在一个<span>元素中留下一个空白的占位符，使用jQuery将myVar的值赋给它，并将其展示出来。

需要注意的是，我们使用了$(document).ready()函数来确保在DOM加载完成后再执行相关操作，这么做可以避免因为元素还未加载完成而找不到它们的情况发生。