如何使用 jQuery 动态设置 div 元素的高度和宽度？

在使用 jQuery 操作网页元素时，常常需要动态设置元素的高度和宽度。下面介绍一些实现方法。

通过 CSS 设置高度和宽度

可以通过 CSS 直接设置元素的高度和宽度，但这种方法不能动态改变。例如：

#myDiv {
  height: 100px;
  width: 200px;
}

通过 jQuery 设置高度和宽度

jQuery 提供了一些方法可以动态设置元素的高度和宽度：

设置固定值的高度和宽度

可以使用 height() 和 width() 方法设置元素的高度和宽度。例如：

$('#myDiv').height(100);
$('#myDiv').width(200);

设置相对值的高度和宽度

可以使用 height() 和 width() 方法以相对值的方式设置元素的高度和宽度。例如：

$('#myDiv').height('+=50');
$('#myDiv').width('-=30');

上面的代码会将元素的高度增加 50 像素，宽度减少 30 像素。

获取元素的高度和宽度

可以使用 height() 和 width() 方法获取元素的高度和宽度。例如：

var myDivHeight = $('#myDiv').height();
var myDivWidth = $('#myDiv').width();

设置自适应的高度和宽度

可以使用 height('auto') 和 width('auto') 方法设置元素的高度和宽度自适应。例如：

$('#myDiv').height('auto');
$('#myDiv').width('auto');

结论

通过上述方式，可以轻松动态设置网页元素的高度和宽度，实现各种页面效果。