Css jquery使默认导航栏按钮处于活动状态

打开页面时，我希望按钮1处于活动状态，以便它亮起。（白色） 因此，很明显，导航栏下方显示的内容是激活按钮的一部分。 之后，如果我按下任何其他导航栏按钮，我希望默认激活的按钮处于关闭状态

我遇到了以下jquery：

$('aheader1').addClass('active')

但是，当我在css中添加.active时，这不会改变任何东西

按钮2
按钮3

您的代码不能正常工作。要按ID选择元素，需要在前面添加“#”符号，并确保ID拼写正确。在本例中，您的jQuery选择看起来像这样

$（'#aheader11'）。addClass（'active'）

$（'aheader11'）.addClass（'active'））
//这将使按钮1变为白色（除非背景不是白色，否则几乎不可见）

.active{
颜色：白色；
}

按钮1
按钮2
按钮3

您的原样代码不太有效。为了按ID选择元素，您需要在前面添加“#”符号，并确保正确拼写ID。在这种情况下，您的jQuery选择看起来像这样

$（“#aheader11”）。addClass（'active'）

$（'aheader11'）.addClass（'active'））
//这将使按钮1变为白色（除非背景不是白色，否则几乎不可见）

.active{
颜色：白色；
}

按钮1
按钮2
按钮3

看看这个

$（'a'）。单击（函数（）{
$（'a'）.removeClass（'active'））
$（this.addClass（'active'））
})；

.active{
背景：黄色；
}

按钮1
按钮2
按钮3

看看这个

$（'a'）。单击（函数（）{
$（'a'）.removeClass（'active'））
$（this.addClass（'active'））
})；

.active{
背景：黄色；
}

按钮1
按钮2
按钮3

你试过了吗？你的回答实际上给了我完整的解决方案，因为它允许我加载所有元素，然后打开一个，关闭其余的。这正是我想要的thx:）你试过了吗？你的回答实际上给了我完整的解决方案，因为它允许我加载所有元素，然后打开一个，关闭其余的。这正是我想要的thx:）