jquery - 如何通过使用查询编辑 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> 标记之前缺少右括号：

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