在網頁開發中，布局是必不可少的一部分。而對于布局最基本的單位——

，其高度的設置往往是我們在頁面開發過程中遇到的難題之一。而這時，

jQuery

的應用就非常的實用了。

在使用jQuery設置div高度時，首先需要明確的是div元素的存在。在HTML中，<div>元素通常表示一個區塊，引入jQuery庫之后，我們可以通過jQuery的height()方法來獲取或設置div的高度。

$(selector).height(value)

其中，selector表示要選中的div元素，可以是一個具體的選擇器，也可以是this表示當前選中的元素。而value則代表要設置的高度值，可以是一個具體的像素值，也可以是相對于父元素高度的百分比。

以下是一個基本的jQuery設置div高度的代碼實例：

<div class="container">
<div class="box"></div>
</div>
<script>
$(document).ready(function(){
//選中.box元素，并將其高度設置為200px
$(".box").height("200px");
});
</script>

以上代碼中，我們選中了class為box的元素，并通過heiht()方法將其高度設置為200px。這里需要注意的是，height()方法的參數必須帶上單位，否則無法設置成功。

另外，如果我們要獲取div的高度，也可以通過height()方法來實現：

<script>
$(document).ready(function(){
//選中.box元素，并獲取其高度
var height = $(".box").height();
console.log(height);
});
</script>

以上代碼中，我們選中了class為box的元素，并通過height()方法獲取其高度值，最后將其打印到控制臺。

通過以上示例，相信大家已經掌握了如何使用jQuery來設置div元素的高度。希望本文能對大家有所幫助。