Jquery是一種非常流行的JavaScript框架，它可以幫助開發者更加便捷地操作HTML元素。其中，div是最常用的HTML元素之一。在實際開發中，我們經常需要動態改變div的高度，以適應不同的頁面布局。下面我們介紹一些常用的jquery div高度變化方法。

$(document).ready(function(){
var height = $("div").height();
$("div").height(height*2);
});

上面的代碼意思是，在文檔加載完畢之后，獲取div的高度，將其乘以2后再設置為div的新高度。這樣，就可以使div的高度翻倍。如果需要使div的高度增加20像素，可以改成如下代碼：

$(document).ready(function(){
var height = $("div").height();
$("div").height(height+20);
});

除了改變div的高度，我們還可以通過jquery的animate()方法實現平滑過渡效果。例如，下面的代碼可以使div的高度從100像素過渡到200像素：

$(document).ready(function(){
$("div").animate({height:"200px"}, 1000);
});

上面的代碼中，第一個參數是要變化的屬性和屬性值（這里是div的高度），第二個參數是過渡的時間（這里是1秒）。因此，這段代碼會在1秒鐘內使div的高度從100像素變化到200像素。

總的來說，jquery div高度變化是一個非常基本的功能，但也是非常實用的。通過靈活運用上述方法，我們能夠更加便捷地改變HTML元素的高度，從而實現更加優雅的前端頁面設計。