jquery实现页内平滑跳转到指定目标元素

当我们需要在同一页内跳转到某个特定元素时，可以使用 jQuery 中的 scrollTo 方法。这个方法可以平滑地滚动到指定元素处，而不是一下子跳到目标位置。

首先，我们需要给目标元素设置一个唯一的 ID，比如：

<div id="target"></div>
然后，我们可以通过点击一个链接或者按钮来触发 scrollTo 方法：

<a href="#target">跳转到目标元素</a>
<button>跳转到目标元素</button>
scrollTo 方法接受两个参数：目标元素的 ID 和滚动的时间（单位是毫秒）。上面的代码中，我们设置了滚动时间为 1000 毫秒，也就是 1 秒。

需要注意的是，在 scrollTo 方法中使用 ID 选择器时需要加上井号（#），而在 href 属性中不需要。这是因为 href 属性本身就是一个锚点，浏览器会自动识别并跳转到对应的元素。

除了可以点击链接或者按钮触发 scrollTo 方法，我们还可以在页面加载完成后自动跳转：

$(document).ready(function() {
$.scrollTo('#target', 1000);
});
这里的 $(document).ready() 函数表示当页面加载完成时执行指定的函数。因为 scrollTo 方法需要等待页面渲染完成后才能正确执行，所以我们需要在这个函数中调用它。

综上所述，jQuery 的 scrollTo 方法可以方便地实现同一页内的跳转。无论是点击链接、按钮，还是页面加载完成后自动跳转，都可以使用这个方法实现。