在網頁設計中，讓頁面元素自適應是非常重要的，尤其是對于div高度的自適應。本文將介紹如何使用JQuery實現div高度自適應，讓你的網頁更加美觀。

1. 確定需要自適應的div

首先，需要確定需要自適應高度的div元素，可以通過CSS選擇器來定位該元素，例如：

可以通過選擇器".auto-height"來定位該元素。

2. 獲取div高度

使用JQuery的height()方法可以獲取元素的高度，例如：

var height = $('.auto-height').height();

這樣就可以獲取到".auto-height"元素的高度，然后可以根據需要進行處理。

3. 設置div高度

使用JQuery的height()方法可以設置元素的高度，例如：

$('.auto-height').height(height);

這樣就可以將".auto-height"元素的高度設置為獲取到的高度，從而實現高度的自適應。

4. 監聽窗口大小變化

由于窗口大小的變化可能會導致div高度的變化，因此需要監聽窗口大小變化事件，實時更新div高度?？梢允褂肑Query的resize()方法來監聽窗口大小變化事件，例如：

```dowction(){

var height = $('.auto-height').height();

$('.auto-height').height(height);

這樣就可以在窗口大小變化時，實時更新".auto-height"元素的高度，從而保持高度的自適應。

使用JQuery實現div高度自適應，可以有效地提高網頁的美觀程度和用戶體驗。通過以上步驟，可以輕松實現div高度的自適應，讓你的網頁更加出色。