如何通过编辑css查询设置div的高度

Question

对jquery很陌生，所以我希望有人能帮助我。我试图设置div的高度(#banner_space)与类#banner_img的图像的高度。就像我说的，我对这个真的很陌生，这可能是一个非常愚蠢的问题，所以请不要评判。我只是想找出我哪里做错了。谢谢!

<script>
    $(document).ready(function() {
        var imgHeight = $('#banner_img').height();
        $("#banner_space").height(imgHeight);
    }
</script>

Answer 1

可以通过两种方式设置元素的css:

单一风格

$('#banner_space').css('height',$('#banner_img').height());

风格

$('#banner_space').css({
    height : $('#banner_img').height(),
    width : '300px',
    border : '1px solid #afa'
});

下面是一个使用css调用http://jsfiddle.net/dYzpe/

的例子

当然，您可以将图像高度存储在一个变量中，如您的示例。

$(document).ready(function() {
    var imgHeight = $('#banner_img').height();
    $('#banner_space').css('height',imgHeight);
    $('#banner_space').css({
        height : imgHeight
    });
}

Answer 2

似乎您在结束标记:

<script type="text/javascript">
 $(document).ready(function() {
     var imgHeight = $('#banner_img').height();
     $("#banner_space").height(imgHeight);
 });
</script>