Html 单击时更改按钮颜色，并将其他按钮更改回原始颜色_Html_Button_Colors_Back

Html 单击时更改按钮颜色，并将其他按钮更改回原始颜色

html button colors

Html 单击时更改按钮颜色，并将其他按钮更改回原始颜色,html,button,colors,back,Html,Button,Colors,Back,我有一个按钮栏，有11个按钮，可以在iframe中显示的页面中引起页面跳转我希望这些按钮在单击时更改颜色，以便它们指示正在显示的页面那很容易。但问题是：假设你点击按钮4，页面跳转，显示第4页，按钮4变成紫色，一切正常但若你们点击第7页，第7页就会显示出来，按钮7变成紫色，但按钮4仍然是紫色，不会回到原来的颜色（灰色）这正是我所需要的，一个脚本可以在点击按钮时将其颜色更改为紫色，但也可以在点击按钮栏中的另一个按钮时将其颜色更改为灰色。以下是按钮代码：使用jQuery，这非常容易做到。

我有一个按钮栏，有11个按钮，可以在iframe中显示的页面中引起页面跳转

我希望这些按钮在单击时更改颜色，以便它们指示正在显示的页面

那很容易。但问题是：

假设你点击按钮4，页面跳转，显示第4页，按钮4变成紫色，一切正常

但若你们点击第7页，第7页就会显示出来，按钮7变成紫色，但按钮4仍然是紫色，不会回到原来的颜色（灰色）

这正是我所需要的，一个脚本可以在点击按钮时将其颜色更改为紫色，但也可以在点击按钮栏中的另一个按钮时将其颜色更改为灰色。

以下是按钮代码：

使用jQuery，这非常容易做到。您只需要包含jquery库，并用html标记或类替换$（'a'）（表示法是以.a作为类的前缀，如CSS）

参考代码：
HTML：
<body>
  <a href="#">Page 1</a>
  <a href="#">Page 2</a>
  <a href="#">Page 3</a>
  <a href="#">Page 4</a>
  <a href="#">Page 5</a>
</body>

jQuery
var links=$（'a'）；
链接。单击（函数（）{
css（'background-color'，'grey'）；
$（this.css（'background-color'，'purple'）；
});
我可以问一下，为什么您使用
而不是文本
，或者只使用
导航元素？此外，最好不要将内联javascript与HTML混合，内联CSS是一个真正的禁忌（例如表除外）。