JQuery：在窗口resize时更改body css属性

当窗口大小改变时，我试图让我的网站扩展其宽度。

JQuery的：

$(window).resize(function() { var w = $("body").width(); if(w-810 < 0) { $("body").css("Left","0px"); } else { var width = w.toString() + "px"; $("body").css("Left",width); } }); 

CSS：

 body { background-color: #eeeeee; position: relative; left: 20%; } 

HTML：

   ....  

有一点我注意到，如果我按类选择主体（在jquery中更改为“#body”），它的宽度总是默认为0px。

有任何想法吗？

Answer 1

如果要通过类获取body元素，则必须使用'.body'选择器。 如果你想获得带有id的元素，请使用'#body'

尝试将CS​​S放在小写中，最好将对象作为参数传入。 此外，还要尝试“缓存”body元素，以防止对DOM树进行多次不必要的查询：

 var body = $('.body'); $(window).resize(function() { var w = body.width(); if (w-810 < 0) { w = "0"; } body.css({ "left" : w + "px" }); }); 

Answer 2

身体类是'.body' ，而不是'#body'