jquery css高度，有什么问题？答案

【问题标题】：jquery css height, what is wrong?jquery css高度，有什么问题？
【发布时间】：2014-01-15 19:40:10
【问题描述】：

我正在尝试使用 jquery 来操作某些元素的高度，但它不起作用。错误就在这一行，我做错了什么？

$(body, html, ".page", ".off-canvas-wrap", ".inner-wrap").css("height", 100+"px");

【问题讨论】：

【解决方案1】：

$("body, html, .page, .off-canvas-wrap, .inner-wrap").css("height", 100+"px");

$("body, html, .page, .off-canvas-wrap, .inner-wrap").height(100);

【讨论】：

【解决方案2】：

语法错误：

$( "body, html,.page, .off-canvas-wrap, .inner-wrap").css("height", 100+"px");

【讨论】：

【解决方案3】：

您的代码有很多语法错误，$(selector) 中的选择器必须都在一个字符串中。你可以使用.height(value)而不是.css('height',value)

试试：

$("body, html, .page, .off-canvas-wrap, .inner-wrap").height(100);

【讨论】：

【解决方案4】：

为其他人已经回答的内容添加解释：

$("body, html, .page, .off-canvas-wrap, .inner-wrap").css("height", 100+"px");

说明：

Jquery 选择器也和 css 一样，所以假设你有一个需要多个类的 div，你会这样做：

<div class="class1 class2 class3">\* <--all classes in one single string quote*\

而不是

<div class="class1", "class2", "class3">

在 jquery 的选择器中，这个问题的模式与此类似......希望它能清除您的想法！ :)

$("body, html, .page, .off-canvas-wrap, .inner-wrap").css("height", 100+"px");

而不是

$(body, html, ".page", ".off-canvas-wrap", ".inner-wrap").css("height", 100+"px");

【讨论】：

【解决方案5】：

使用正确的selector 并将其与jquery 的.height() 函数结合使用。您甚至可以将想要的元素分离到变量中以便于重用：

var myElements = $('body, html, .page, .off-canvas-wrap, .inner-wrap');
myElements.height(100);

【讨论】：

【解决方案6】：

您必须在括号内用逗号分隔选择器喜欢这个基本的例子

$('.class,.class2').css({
    height : '100px'
});

或

$('.class,.class2,.class3').css('height',80);

（为什么要包含 de body 和 html 标签？）

【讨论】：