近年来，jQuery在前端开发中逐渐变得不可或缺。接下来，我们将介绍如何通过jQuery获取文档到顶部的距离。 首先，我们需要使用scrollTop()函数来获取文档到顶部的距离。代码如下：

var scrollTop = $(document).scrollTop();

需要注意的是，scrollTop()函数必须在文档完成加载后才能使用。因此，我们可以将代码放在$(document).ready()函数中，保证代码执行时文档已经加载完成。完整代码如下：

$(document).ready(function(){
  var scrollTop = $(document).scrollTop();
  console.log(scrollTop);
});

其中，console.log()函数可以将获取到的距离输出到控制台上，以供调试使用。 另外，如果想要在文档滚动时实时获取文档到顶部的距离，可以使用scroll()函数。代码如下：

$(document).scroll(function(){
  var scrollTop = $(document).scrollTop();
  console.log(scrollTop);
});

通过以上代码，我们可以轻松地获取文档到顶部的距离。这可以方便我们在实际开发中做出相应的处理，例如实现滚动到一定位置时显示或隐藏某些元素，或者实现固定位置的导航栏等。