jquery - 更新导航而不重新加载

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