JQuery是一款非常強大的Javascript庫，它使得處理網頁中各種動態效果和操作變得更加容易。其中，設置元素的寬度和高度自適應是常見的需求，本文將介紹如何使用JQuery來實現這個功能。

$(window).resize(function(){
var width = $(window).width(); //獲取窗口寬度
var height = $(window).height(); //獲取窗口高度
$("div").css("width", width); //設置div的寬度為窗口寬度
$("div").css("height", height); //設置div的高度為窗口高度
});

在這段代碼中，我們使用了JQuery的resize方法來監控窗口的大小變化。當窗口大小變化時，我們獲取窗口寬度和高度，然后使用css方法來設置目標元素的寬度和高度為窗口的寬度和高度。這樣，無論窗口大小如何變化，目標元素的寬度和高度都會自動適應。

除此之外，通過JQuery的attr方法，我們還可以設置元素的最大最小寬度和高度。例如：

$("div").attr("max-width", "800px"); //設置div的最大寬度為800px
$("div").attr("min-height", "200px"); //設置div的最小高度為200px

以上代碼中，我們使用了attr方法來設置目標元素的最大最小寬度和高度。這樣，在元素的寬度和高度超過最大最小值時，它們會被限制在這個范圍內，從而實現更加精細的控制。

總之，通過JQuery的強大功能，我們可以輕松地實現元素的寬度和高度自適應，從而為網頁的設計帶來更多的可能性。