javascript - 单击新按钮时如何将组中的所有其他图像按钮“重置”为上一个图像

Question

我有一个网页，上面有几个“键”。当用户单击一个时，我希望它切换到蓝色按钮图像。当用户单击不同的键时，我希望它切换到蓝色，而其他键返回灰色。

总共将有大约30 个键。它们也将被超链接。

我找到了一个使用 css 创建“按钮”的半解决方案，但它适用于 IE 而不是 chrome： http:
//archive.simurai.com/lab/buttons/#

无论如何，我更愿意通过图像切换来做到这一点，但 css 将是我的第二选择。

这可以在没有巨大混乱的情况下完成吗？

谢谢。

score 2 · Accepted Answer

您可以将 jQuery 与.addClass()和.removeClass()函数一起使用......也许是这样的：

$("button").click(function(){
    $("button").removeClass("blue");
    $(this).addClass("blue");
});

在 CSS 中，您只需要将.blue类样式设置为蓝色图像按钮。

编辑：我添加了一个带有图像按钮的示例，因此您可以了解一下：jsfiddle

1 回答 1