jQuery是一款非常流行的JavaScript庫，它可以讓開發者用更少的代碼實現更多的功能。其中之一就是設置元素距離頂端的距離。下面我們來看一下如何使用jQuery設置元素距離頂端的距離。

$(document).ready(function(){
var distance = 100; // 設置距離頂端的距離為100px
$("#element").css("top", distance); // 將元素距離頂端的距離設置為100px
});

以上代碼中，我們創建了一個jQuery對象，選擇了一個id為“element”的元素，并使用了css()方法將這個元素的距離頂端的距離設置為100px。

需要注意的是，如果我們要設置的是相對于父元素的距離，而不是相對于文檔的距離，代碼會略微有所不同：

$(document).ready(function(){
var distance = 100; // 設置相對于父元素的距離為100px
$("#element").css("position", "relative"); // 給元素設置相對定位
$("#element").css("top", distance); // 將元素相對于父元素的距離設置為100px
});

以上代碼中，我們需要先給元素設置相對定位，然后再將元素相對于父元素的距離設置為100px。

總的來說，使用jQuery設置元素距離頂端的距離是非常簡單的，只需要使用css()方法就可以實現。需要注意的是，如果要設置的是相對于父元素的距離，要先給元素設置相對定位。