给当前页或者跳转后页面的导航栏添加选中样式

html:

<!-- footer start -->
  <footer class="navbar">
    <div class="item active">
      <span class="iconfont icon-icon"></span>
      <p>首页</p>
    </div>
    <div class="item">
      <span class="iconfont icon-yansetianchong1"></span>
      <p>我</p>
    </div>
  </footer>
  <!-- footer end -->

jquery:

// footer active
      $(document).ready(function(){
        $('footer > div').each(function(){
          $(this).click(function(){
            $('footer > div').removeClass('active');
            $(this).addClass('active');
          })
        })
      });