更新导航而不重新加载

Question

我正在寻找一种简单的方法来交换导航的活动状态（颜色），而不需要重新加载页面。

1. 按下一个导航按钮时会发生这种情况。基本上它应该将状态更改为活动状态，并将所有其他按钮更改为非活动状态。
2. 我是jquery的新手，但似乎那里会有一个简单的解决方案。如果有，我肯定没有遇到它。

Answer 1

我相信这个答案对你自己组合起来是微不足道的，但无论如何...... .click()和.addClass()都会这样做。

$('nav a').on('click', function() {
  $('nav a')
    .removeClass('active')
    .filter(this)
    .addClass('active');
});

CSS

a.active {
  color: #ff0000;
}