jquery - 没有标签中预定义的带有jQuery的图像大小，然后传递给CSS

有没有一种方法来找出跟随图像与Jquery的宽度和高度？

<div id="imgBox"><img id="imgID" src="images/koala.gif" /></div>

然后将其传递给CSS？

<style type="text/css">
   #imgBox, #imgBox img { width:imageWidth; height:imageHeight }
</style>

我正在猜测...

<script type="text/javascript">
    $(document).ready(function(){
       var imageWidth = $("#imgBox").width();
       var imgHeight = $("#imgID").height();
    });
</script>

最佳答案

为什么不动态设置CSS？

$(document).ready(function(){
   // make sure img is loaded:
   $("#imgID").load(function() {
       var $this = $(this);

         // Set dimensions of box  using dimensions of img
       $("#imgBox").css("width",  $this.width());
       $("#imgBox").css("height", $this.height());
   });
});

当然，如果出于审美原因需要将$this.width()设置为$this.height()时，当然可以添加css和#imgBox的值...假设如果#imgBox中有背景图像以显示边缘。