Jquery 如何获得图像的宽度和高度像素，并使长方体大小相同？

我想使一个长方体（div）的宽度和高度与一个图像的大小（DOM）相同

框

这是一个移动响应网络。因此，图像的像素大小是灵活的

---

我是jquery的新手，所以请帮助我

希望这段代码能给出解决方案

<div class="box">box</div>
<img src="aa.gif" id="img" style="width:50%; height:auto"> 
<script>
  $('.box').height($('#img').height());
  $('.box').width($('#img').width())
</script>

<代码>框 $（'.box'）.height（$（'#img'）.height（））； $（'.box'）.width（$（'#img'）.width（））

---

这是在Jquery中设置这些样式属性的方式：

$('div.box').css({"width":$("img").css("height"),"height":$("img").css("height")});

在行动中：

$（函数（）{
$（“按钮”）。在（“单击”，函数（）{
$（'div.box'）.css（{“宽度”：$（'img”）.css（“高度”），“高度”：$（'img”）.css（“高度”）}）；
});
});

通行证属性
箱
这两个项目是否可能并排重复？如果是这样的话，你可以用css做得更简单
$('div.box').css({"width":$("img").css("height"),"height":$("img").css("height")});