如何使用 JQuery 修改具有已知 ID 的元素的 STYLE 属性

Question

我有 3 个按钮链接触发一些 javascript 代码，指示是否选择了某个按钮，所选按钮的样式属性设置为

“选择 btn 棕色”

而其他按钮将此属性设置为

“btn棕色”

一次只能选择一个按钮，每个按钮都有不同的唯一 ID，我的问题是如何使用 jquery 访问某个按钮来修改它的样式属性。我只需要它如何通过 id 单个按钮访问并修改其样式属性以在屏幕上立即更新

提前致谢

原文由 MoreThanChaos 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不确定我是否完全理解这个问题但是：

 $(":button.brown").click(function() {
  $(":button.brown.selected").removeClass("selected");
  $(this).addClass("selected");
});

似乎符合您的要求。

我当然会推荐使用类而不是直接设置 CSS，由于多种原因这是有问题的（例如删除样式很重要，删除类很容易）但是如果你确实想那样做：

 $("...").css("background", "brown");

但是当你想扭转这种变化时，你会把它设置成什么？

原文由 cletus 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

使用 jQuery 中的 CSS 函数为您的项目设置样式：

 $('#buttonId').css({ "background-color": 'brown'});

原文由 MaxiWheat 发布，翻译遵循 CC BY-SA 3.0 许可协议