jquery css身高，有什么不对？

Question

我正在尝试使用jquery操纵一些元素的高度，我不行。错误列在这一行，我做错了什么？

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

Answer 1

使用Multiple Selector (“selector1, selector2, selectorN”)，传递逗号分隔的选择器

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

另外使用.height()

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

Answer 2

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

尝试：

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

Answer 3

语法错误：

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

Answer 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");

Answer 5

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

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

Answer 6

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

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

或

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

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