Question

下面的js代码怎么改成jq，求解答！！！

就是希望将class="divOne"的<a>标签的宽和高一样，网上很多例子，但是浏览器一缩小，宽高就不一样了。想实现正方形效果，纠结了好久！！求解答！！！！
js代码：
<script>

window.onload=window.onresize=function(){
var divOne=document.getElementById('divOne');
divOne.style.height=divOne.offsetWidth+'px';
}

</script>

html部分:
<div class="pro-all">
<ul>
<li>
<a href="#" class="divOne" id="divOne">
<img src="../images/index-cen1.png">
<div class="info">
<span>¥99</span>
<strong>小天使蛋糕</strong>
</div>
</a>
</li>
</ul>
</div>

Answer 1

妹纸试试吧，随手写的。
$(function(){
$("#divOne").resize(function(){
var width = $("#divOne")[0].offsetWidth+"px";
$("#divOne").css("height",width);

});

});

追问

我已经解决啦~谢谢你