jQuery 自适应高度是当下网页设计中必不可少的一个功能。当页面中的文字内容超过了一行，如果不具备自适应高度的功能，就会导致文字被截断，影响用户体验。

为了实现 jQuery 自适应高度，我们需先引进 jQuery，然后在页面的 head 标签下加入以下代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

接着，在 body 标签下，我们加入一段 jQuery 代码：

$(document).ready(function() {
     $("textarea").on("input", function() {
           this.style.height = "auto";
           this.style.height = (this.scrollHeight) + "px";
     });
});

以上代码中，我们通过调用 $(document).ready() 方法，保证代码在页面加载后才执行。在 textarea 里用户输入内容后，我们通过 on("input") 方法监听其 input 事件，然后调用 this.style.height 来设置 textarea 的高度，其中 this.scrollHeight 会获取到 textarea 所有内容的高度。

最后，我们只需要在 HTML 文件中引用相应的 clas s 名称，在 textarea 标签中加入一个类属性，如下所示：

<textarea class="autoHeight"></textarea>

通过以上步骤，我们便可以实现 jQuery 自适应高度功能，为页面的内容呈现提供更好的用户体验。