选择html元素时如何添加类

选择html元素时如何添加类,html,css,Html,Css,我的应用程序有几个按钮,比如b1、b2、b3,我正在使用它们作为导航菜单项来替代使用。我想在单击/选择按钮时更改按钮的颜色。当一个特定的按钮被点击时,比如b1,它的颜色应该变为红色,所有的b2,b3都应该是灰色。选择b2时,应为红色,b1应切换回灰色。有没有一种方法可以使用css和类似于:hover的伪元素来实现这一点?一个好的策略是单击一个具有单击元素样式的类,并在每次单击该元素时进行切换,例如: 我使用jquery来显示它背后的逻辑:D $'div'。单击函数{ $'div.isClick

我的应用程序有几个按钮,比如b1、b2、b3,我正在使用它们作为导航菜单项来替代使用。我想在单击/选择按钮时更改按钮的颜色。当一个特定的按钮被点击时,比如b1,它的颜色应该变为红色,所有的b2,b3都应该是灰色。选择b2时,应为红色,b1应切换回灰色。有没有一种方法可以使用css和类似于:hover的伪元素来实现这一点?

一个好的策略是单击一个具有单击元素样式的类,并在每次单击该元素时进行切换,例如:

我使用jquery来显示它背后的逻辑:D

$'div'。单击函数{ $'div.isClicked'。切换类'isClicked' $this.toggleClass'isClicked' } div{ 宽度:100px; 利润率:10px自动; 光标:指针; 文本对齐:居中; 背景颜色:灰色; } 伊斯克利克分区{ 背景色:红色!重要; } A. B
CPretty确保这仅在css中是不可能的。。您需要javascript来完成此操作。这是否回答了您的问题?问题是没有标记jQuery,那么你为什么要使用它?@volt仅仅使用标记语言是不可能的,所以引入任意的第三个选项并没有什么害处。我理解并同意@TylerH,但是为什么在可以使用vanilla JS的情况下加载jQuery呢?@volt可能是因为Kristian更喜欢jQuery。或者因为香草JS更复杂。或者其他原因。你挑吧。