jQuery是一款非常流行的JavaScript庫，也是開發Web應用程序中廣泛使用的重要工具之一。當我們使用jQuery開發Web應用程序時，經常需要獲取元素距離頂部的高度。下面我們來講解如何使用jQuery獲取元素距離頂部的高度。

// 獲取元素距離頂部的高度
var topHeight = $('#element').offset().top;
// 在控制臺打印輸出元素距離頂部的高度
console.log(topHeight);

以上代碼中，我們使用了offset()方法去獲取元素的位置信息，并通過top屬性獲取元素距離頂部的高度。使用console.log()方法輸出元素的高度值。

另外，如果我們需要在元素位置發生變化的時候實時獲取元素距離頂部的高度，我們可以使用jQuery的scroll()方法。

$(window).scroll(function() {
// 獲取元素距離頂部的高度
var topHeight = $('#element').offset().top;
//在控制臺打印輸出元素距離頂部的高度
console.log(topHeight);
});

以上代碼中，我們使用了scroll()方法檢測瀏覽器窗口的滾動事件，并在滾動事件觸發時獲取元素距離頂部的高度，并在控制臺輸出高度值。

通過以上代碼的實現，我們可以很方便地獲取元素距離頂部的高度，并在需要時實時更新高度值。