jquery设置div高度

使用 jQuery 设置 div 高度的方法

通过 .height() 方法直接设置固定值

$("#targetDiv").height(200); // 将ID为targetDiv的元素高度设置为200像素

通过 .css() 方法设置高度

$(".className").css("height", "300px"); // 将类名为className的元素高度设置为300像素

动态计算高度

var windowHeight = $(window).height();
$("#responsiveDiv").height(windowHeight * 0.8); // 设置为窗口高度的80%

根据内容自动调整高度

$("#autoHeightDiv").height("auto"); // 恢复为内容自适应高度

链式操作设置多个样式

$("#styledDiv").css({
    "height": "150px",
    "overflow": "hidden"
});

注意事项

• 数值默认单位为像素，无需添加"px"后缀
• 使用百分比时需要确保父元素有明确高度
• 动画效果可通过.animate()方法实现

响应式设计示例

$(window).resize(function() {
    $("#fluidDiv").height($(this).height() - 100);
});

以上方法可根据实际需求选择使用，建议优先考虑使用.height()方法进行数值设置，需要复合样式时再使用.css()方法。