現在在前端開發中，我們經常需要進行頁面元素的操作，其中，設置寬度等于高度也是常見需求。jQuery是一款非常方便的JavaScript庫，它提供了豐富的方法，讓我們能夠快速靈活地完成頁面操作。

$(document).ready(function(){
var container = $("#container");
var width = container.width();
container.height(width);
});

以上代碼就是用jQuery實現設置元素寬度等于高度的方法。首先獲取需要設置的元素，在這里，我們獲取一個id為container的元素。然后通過width()方法獲取該元素的寬度。再通過height()方法將高度設置為與寬度相等。

值得一提的是，這里獲取的寬度并不是CSS中設置的寬度，而是元素實際渲染后的寬度。所以，如果我們使用了盒模型的border、padding、margin等屬性，實際的寬度將會大于CSS中設置的寬度。而且，如果元素的寬度是一個百分比值，那么獲取的寬度也是百分比值。

當然，如果我們將上述代碼放在window的resize事件中，就可以實現元素自適應窗口大小變化的效果。例如：

$(window).resize(function(){
var container = $("#container");
var width = container.width();
container.height(width);
});

上面的代碼中，每當窗口大小變化時，都會重新獲取元素的寬度，并將高度設置為與寬度相等。這樣，就可以保證元素始終是正方形，而不管窗口大小如何變化。

總的來說，使用jQuery設置寬度等于高度的方法非常簡單，常用于正方形圖片、對話框等元素的設置。