jQuery/Javascript 无法访问有关元素的信息

Question

我的 DOM 似乎有问题，元素的样式全部显示为空白。

我的 jQuery 在页面加载时根本

// JavaScript Document
$(document).ready(function(){
    $(#mainContent).css("min-height", function(){
        return $(window).height() + 'px';
    });
});

没有任何反应。

我怀疑语法没有问题，或者如果有的话，这不是导致我的问题的原因。我尝试自己用 javascript 编写脚本，它产生了类似的结果，这就是我首先转向 jQuery 的原因。

如果我

alert("text") 

工作正常，但如果我尝试，

$(#mainContent).css("min-height")

那么什么也不会发生。

我在一个单独的javascript文件中创建了一个简单的变量

var mainCon = document.getElementById("mainContent");

并使用firebug，在声明变量后放置一个断点，然后当使用firebug检查变量时，样式中的所有内容都是空白的，例如

height ""
width ""
color ""

等等。

我完全不知道是什么导致了这个问题，我为此失眠了，我已经从谷歌中搜寻出来，似乎找不到任何相关的东西。

您能找到的任何帮助将不胜感激， 提前致谢

Answer 1

您需要引用您的选择器（特别是#mainContent）：

$(document).ready(function(){
    $("#mainContent").css("min-height", function(){
        return $(window).height() + 'px';
    });
});

Answer 2

您在选择器中缺少引号：

$(document).ready(function(){
    $('#mainContent').css("min-height", function(){
        return $(window).height() + 'px';
    });
});