在網頁開發中，div 常常用來包含或分隔內容，而 jquery 提供了簡單的方法去處理 div 的位置，并讓我們可以輕松地實現各種布局效果。 下面是一個示例，我們將創建兩個 div：container 和 box，然后用 jquery 控制 box 的位置，將其放置在 container 的中央。 首先，我們需要編寫 HTML 代碼：

<div id="container">
<div id="box">Some content here.</div>
</div>

這將創建一個 id 為 container 的 div，其中包含了一個 id 為 box 的 div，同時在 box 中添加了一些文本。 接下來，我們需要在 CSS 文件中定義這兩個 div 的樣式：

#container {
width: 500px;
height: 500px;
background-color: #ccc;
position: relative;
}
#box {
width: 200px;
height: 200px;
background-color: #f00;
position: absolute;
}

在上面的 CSS 代碼中，我們設置了 container 的寬高為 500px，背景顏色為灰色，并將其定位為相對位置。同樣，我們設置了 box 的寬高為 200px，背景顏色為紅色，并將其定位為絕對位置。 現在，我們可以使用 jquery 來控制 box 的位置。在下面的代碼中，我們使用了 offset() 方法來獲取容器的相對位置，并在 box 中使用 css() 方法來設置 left 和 top 的值，讓其處于容器的中央。

$(document).ready(function() {
var container = $('#container');
var box = $('#box');
var containerOffset = container.offset();
box.css({
'left': containerOffset.left + (container.width() - box.width()) / 2,
'top': containerOffset.top + (container.height() - box.height()) / 2
});
});

在上面的代碼中，我們首先將 container 和 box 的 DOM 對象存儲到變量中。然后，我們使用 offset() 方法來獲取 container 的相對位置，該方法返回一個包含 top 和 left 屬性的對象。接下來，我們使用 css() 方法來設置 box 的位置。通過計算容器和 box 的寬度差值，除以2，即可確定 box 應該具有的 left 和 top 置。 這樣，我們就達到了將 box 置于 container 中央的效果。通過 jquery，我們可以輕松地操作 div 的位置和樣式，從而實現各種豐富的網頁布局。