Javascript 我们可以使用jquery更改html或身高吗？_Javascript_Jquery_Html

Javascript 我们可以使用jquery更改html或身高吗？

javascript jquery html

Javascript 我们可以使用jquery更改html或身高吗？,javascript,jquery,html,Javascript,Jquery,Html,我试图运行以下语句：$（'body'）。高度（100）但是当我再次检查高度时，我发现它没有改变有没有办法改变的高度？您应该实际使用 $（'body'）.css（'height'，'100'）就可以了。尝试使用$（'body'）.addClass（'your class name'）或$（'body'）.attr（'style'，'height:100px'）应该是 $('body').css('height', '100px'); 或文档体是一个神奇的元素，它的行为与其他HTML元素不同。

我试图运行以下语句：

$（'body'）。高度（100）但是当我再次检查高度时，我发现它没有改变
有没有办法改变
的高度？
您应该实际使用
$（'body'）.css（'height'，'100'）就可以了。
尝试使用$（'body'）.addClass（'your class name'）或$（'body'）.attr（'style'，'height:100px'）
应该是
$('body').css('height', '100px');

或
文档体是一个神奇的元素，它的行为与其他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"
}));

$（“body”）.wrapInner（$（''）.css({
身高：100，
溢出：“隐藏”
}));
它可以在firefox中使用，但当我尝试在iOS浏览器中使用它时，它不起作用：-/用它代替$（'body'）.css（'height'，'100px'）$（'body'）.attr（'style'，'height:100px'）；它不起作用，请参见>>$（“body”）.height（）；416>>>$（'body'）.attr（'style'，'height:100px'）；[body]>>>$（'body'）.height（）；416我在许多浏览器中看到的是，您在css样式html，body{height:100%}
中添加了以下内容，它将始终将高度显示为100%，因此如果使用jquery更改高度，您应该在$（文档）中运行它。准备好确保在更改大小之前已创建DOM。此外，如果涉及css样式，它们可能会覆盖您的内联样式（不应该，但可能）。所以试试高度：100px！重要信息
参见$（'body'）。高度（100）；在浏览器本身和$（'body'）.css（'height'，'100px'）中不起作用；在浏览器中工作，但在iOS浏览器中不工作，我希望它在bothI中工作。我也尝试过，当我设置包装高度时，其高度发生了变化，但主体保持不变，为确保主体已包装在包装中请参见编辑的答案。设置<代码>高度：100px；溢出：隐藏。我相信这就是你想要的。溢出也可以设置为滚动。请注意最后一个代码：如果要设置回原始状态，请使用以下命令：$（“#height helper”）.contents（）.unwrap（）
$("body").wrapInner($('<div id="height-helper"/>').css({
    height: 100,
    overflow: "hidden"
}));