当url散列与特定div匹配时，将活动类添加到div

<nav>
  <ul>
    <li><a href="#section1">Section 1</a></li>
    <li><a href="#section2">Section 2</a></li>
    <li><a href="#section3">Section 3</a></li>
  </ul>
</nav>

<div id="section1">...</div>
<div id="section2">...</div>
<div id="section3">...</div>

$(document).ready(function() {
  // 监听URL散列变化事件
  $(window).on('hashchange', function() {
    var hash = window.location.hash;  // 获取当前URL散列值

    // 判断URL散列值与特定div的匹配条件
    if (hash === '#section1') {
      // 添加活动类到相应的div
      $('#section1').addClass('active');
      // 移除其他div的活动类（如果需要）
      $('#section2, #section3').removeClass('active');
    } else if (hash === '#section2') {
      // 添加活动类到相应的div
      $('#section2').addClass('active');
      // 移除其他div的活动类（如果需要）
      $('#section1, #section3').removeClass('active');
    } else if (hash === '#section3') {
      // 添加活动类到相应的div
      $('#section3').addClass('active');
      // 移除其他div的活动类（如果需要）
      $('#section1, #section2').removeClass('active');
    }
  });
});