jQuery是一種流行的JavaScript庫，可用于快速輕松地操作HTML文檔。如果您正在構建一個需要基于某些條件設置元素大小的網站，那么jQuery是一種非常有用的工具。
下面是一個簡單的例子，演示如何使用jQuery設置一個DIV元素的高：
<!DOCTYPE html>
<html>
<head>
<title>設置DIV高度的jQuery示例</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").height("300px");
});
});
</script>
</head>
<body>
<div style="background-color: lightblue; width: 200px;">
<p>這是一個DIV元素</p>
</div>
<button>設置高度為300px</button>
</body>
</html>在這個例子中，我們使用了jQuery的.height()方法來設置DIV的高度。我們首先在頁面加載時等待DOM元素就緒，然后使用jQuery選擇器找到按鈕并添加一個單擊事件處理程序。單擊按鈕時，我們選擇DIV元素并調用.height()方法來設置其高度為300像素。
它可能看起來很簡單，但這是編寫使用jQuery更復雜的代碼的良好基礎。您可以使用類似的方法來基于某些條件設置不同的高度，使用動態計算值，或者制作更高級的UI交互效果。
希望這個簡短的例子能夠為您展示一些有用的技巧，以及jQuery如何大大簡化操作HTML文檔。