更新导航而不重新加载[重复]

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;
}