JQuery是一種非常流行的JavaScript庫，它可以使Web開發更加快捷簡便。其中一個非常常見的應用就是在頁面中創建和操作div。本文將介紹使用JQuery實現div頂部對齊的方法。

首先，我們需要創建兩個div，一個用于放置內容，一個用于顯示。在HTML中加入以下代碼：

<div id="content">
<p>這是一段內容。</p>
</div>
<div id="display"></div>

接下來，我們就可以使用JQuery來實現div頂部對齊。我們可以使用.offset()函數獲取某個元素的位置信息，然后使用.css()函數來修改另一個元素的位置信息。具體代碼如下：

$(function() {
var contentTop = $('#content').offset().top;
$('#display').css('top', contentTop);
});

現在，我們已經成功將兩個div頂部對齊了。但是，當瀏覽器窗口大小改變時，div的位置信息也需要重新計算。為了解決這個問題，我們可以添加一個resize事件監聽器，如下所示：

$(window).on('resize', function() {
var contentTop = $('#content').offset().top;
$('#display').css('top', contentTop);
});

這樣，我們就可以在頁面加載和窗口大小改變時自動實現div頂部對齊了。