jQuery是一種非常流行的JavaScript庫，它可以方便地處理各種網頁交互效果。其中，設置高度和寬度是網頁設計中非常基礎的功能，下面我們來詳細了解如何使用jQuery設置高度和寬度。

// 設置高度和寬度
$(selector).height(value);
$(selector).width(value);

其中，selector可以是CSS選擇器，比如“#id”、“.class”等。value則是需要設置的高度和寬度值，可以是像素、百分比、em等。

// 設置高度為100px，寬度為50%
$("#box").height(100);
$("#box").width("50%");

另外，jQuery還提供了一些快捷方法來獲取元素的高度和寬度：

// 獲取高度和寬度
$(selector).height();
$(selector).width();

需要注意的是，獲取元素的高度和寬度的方法不傳入值，且只返回第一個元素的尺寸。如果要同時獲取多個元素的尺寸，可以使用循環遍歷來實現。

// 獲取三個盒子的高度和寬度
$(".box").each(function(){
console.log($(this).height());
console.log($(this).width());
});

總結來說，使用jQuery設置高度和寬度非常簡單，只需要傳入合適的選擇器和尺寸值即可。同時，獲取元素的高度和寬度也非常方便，可以通過快捷方法或循環遍歷實現。掌握這些技巧可以幫助我們更方便地完成網頁布局和樣式設置。