javascript - 如何发送要在 CSS 属性中使用的 Jquery var

Question

需要知道如何在 CSS 属性中使用 Jquery var，我在网上搜索过，但没有找到任何与我想要的答案相关的答案，而且我也不是最能解决这个问题的程序员。没用过jquery！

代码查询：

 <script>
//find window height
          var winHeight = $(window).height(); 
          alert(winHeight);//=692
$('menuHolder').css(height(), winHeight);

 </script>

Answer 1

你的代码有很多问题：

1. menuHolder不是有效的 html 标记。

2. height()是一个我无法想象应该返回字符串的函数调用"height"。

3. 文档完全加载后，您似乎没有运行它？

假设您的 html 如下所示：

<div id="menuHolder">This is the menu holder</div>

请注意，相关标签的 id 属性必须设置为“menuHolder”。如果您有多个 menuHolder，则应使用该class属性。

那么你的js应该是：

$(function(){
   $('#menuHolder').css("height", $(window).height());
});

http://jsfiddle.net/93hFW/

或者

$(function(){
   $('#menuHolder').height($(window).height());
});

http://jsfiddle.net/93hFW/1/

如果您class按照上面的建议使用属性，那么您应该使用.（点）而不是作为#jQuery 选择器的前缀。

Answer 2

你想设置元素的高度吗？

$('menuHolder').css("height", winHeight);

会更好

$('menuHolder').height(winHeight);