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 ""

и т.д.

Я понятия не имею, что является причиной этой проблемы, и я теряю сон из-за нее, я выскользнул из Google и, похоже, не могу найти что-то подходящее.

Любая помощь, которую вы можете найти, будет высоко оценена, Заранее спасибо

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';
    });
});