jquery 页面导航

// 使用 jQuery 实现页面跳转
$('#button').click(function() {
    window.location.href = 'https://example.com';
});

<!-- HTML 部分 -->
<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>

<div id="section1">Section 1 Content</div>
<div id="section2">Section 2 Content</div>

<!-- HTML 部分 -->
<ul id="menu">
    <li><a href="#" data-target="section1">Section 1</a></li>
    <li><a href="#" data-target="section2">Section 2</a></li>
</ul>

<div id="section1" class="content">Section 1 Content</div>
<div id="section2" class="content">Section 2 Content</div>

// jQuery 部分
$('#menu a').click(function(e) {
    e.preventDefault();
    var target = $(this).data('target');
    $('.content').hide();
    $('#' + target).show();
});

<!-- HTML 部分 -->
<ul id="tabs">
    <li><a href="#" data-tab="tab1">Tab 1</a></li>
    <li><a href="#" data-tab="tab2">Tab 2</a></li>
</ul>

<div id="tab1" class="tab-content">Tab 1 Content</div>
<div id="tab2" class="tab-content">Tab 2 Content</div>

// jQuery 部分
$('#tabs a').click(function(e) {
    e.preventDefault();
    var tab = $(this).data('tab');
    $('.tab-content').hide();
    $('#' + tab).show();
});

$('#button').click(function() {
    window.location.href = 'https://example.com';
});

$('a[href^="#"]').click(function() {
    var target = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 500);
    return false;
});