Question

我正在尝试运行此声明：$('body').height(100);但是当我再次检查高度时，我发现它没有变化！

有没有办法改变<body>的高度？

Answer 1

文档正文是一个神奇的元素，并且不像其他HTML元素那样表现。你的代码：

$('body').height(100);

是正确的，它与：

相同

$('body').css({height: 100});
$('body').css({height: '100px'});
$('body').attr({style: 'height: 100px'});

所有结果都是：

<body style="height: 100px;">

但是，设置高度不会隐藏 100px高度以外的区域不可见。您应该将正文内容包装在div中并设置其高度：

<body>
    <div id="wrapper" style="height: 100px; overflow: hidden;">
        <!-- content -->
    </div>
</body>

jQuery解决方案将是：

$("body").wrapInner($('<div id="height-helper"/>').css({
    height: 100,
    overflow: "hidden"
}));

Answer 2

你应该实际使用

$('body').css('height', '100');它会起作用。

Answer 3

尝试使用$('body').addClass('your class name');或$('body').attr('style', 'height: 100px');

Answer 4

应该是

$('body').css('height', '100px');

或者

$('body').height(100);