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元素的高度，从而实现更加优雅的前端页面设计。