jQuery是一款廣泛應用于網頁前端開發的JavaScript庫，它提供了許多簡潔、高效、可重用的代碼。其中，獲取元素距離頁面頂部的距離是我們常用的一個功能。下面我們通過代碼展示如何使用jQuery獲取元素距離頁面頂部的距離。

$(document).ready(function(){
var distance = $("element").offset().top;
console.log(distance);
});

上述代碼中，我們使用了$(document).ready()方法，確保文檔加載完畢后再執行代碼。

接著使用了jQuery的offset()方法來獲取元素相對于文檔頂部的偏移值，再使用top屬性獲取距離頂部的值。

最后，我們通過console.log()方法將數值輸出到控制臺方便調試和查看。

上述方法獲取的距離值是相對于頁面文檔頂部的距離，如果需要獲取相對于父元素的距離，可以使用position()方法，即：

var distance = $("element").position().top;

這樣，我們就可以通過jQuery獲取元素距離頁面頂部或父元素頂部的距離了。