jQuery中的href跳转

在网页开发中，我们经常需要实现页面之间的跳转，这通常通过HTML的<a>标签的href属性来实现，或者使用JavaScript来动态改变当前页面的URL，如果我们希望使用jQuery来实现这个功能，我们可以利用其强大的事件处理和DOM操作能力。

我们需要一个按钮或链接元素，当用户点击它时，我们希望触发一个函数来改变当前页面的URL。

<button id="jumpButton">跳转到新页面</button>

我们可以使用jQuery的click方法来监听这个按钮的点击事件，并在点击事件发生时执行一个函数，在这个函数中，我们可以使用window.location对象来改变当前页面的URL。

$(document).ready(function() {
    $('#jumpButton').click(function() {
        window.location.href = 'http://www.newpage.com';
    });
});

在上面的代码中，当用户点击id为jumpButton的按钮时，浏览器会导航到http://www.newpage.com这个URL。

除了直接改变URL之外，我们还可以使用jQuery的attr方法来动态改变元素的其他属性，如src、href等，我们可以将上面的代码修改为：

$(document).ready(function() {
    $('#jumpButton').click(function() {
        var newUrl = 'http://www.newpage.com';
        $('#jumpButton').attr('href', newUrl);
        window.location.href = newUrl;
    });
});

在上面的代码中，当用户点击按钮时，按钮的href属性会被设置为新的URL，同时浏览器也会导航到新的URL。

虽然直接使用HTML的<a>标签和JavaScript的window.location对象可以实现页面跳转，但使用jQuery可以让我们更方便地操作DOM和处理事件。