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

【问题标题】：How to modify STYLE attribute of element with known ID using JQuery如何使用 JQuery 修改具有已知 ID 的元素的 STYLE 属性
【发布时间】：2009-09-22 01:44:30
【问题描述】：

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

“已选择 btn 棕色”

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

"btn 棕色"

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

提前致谢第M个

【问题讨论】：

标签： jquery html css

【解决方案1】：

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

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

【讨论】：

更好的答案，恕我直言。在没有编辑评论的情况下更清晰地表达了。 +1
另一个改变背景和文本颜色的例子： $('#MySpanTag').css({ "background-color": 'orange', "color": 'red' });在 asp.net mvc razor cshtml 中的跨度： @ViewBag.MySpanTagMessage

【解决方案2】：

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

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

似乎与你想要的一致。

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

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

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

【讨论】：

正是我正在寻找的谢谢！

【解决方案3】：

$("span").mouseover(function () {
$(this).css({"background-color":"green","font-size":"20px","color":"red"});
});

<div>
Sachin Tendulkar has been the most complete batsman of his time, the most prolific     runmaker of all time, and arguably the biggest cricket icon the game has ever known. His batting is based on the purest principles: perfect balance, economy of movement, precision in stroke-making.
</div>

【讨论】：

感谢您发布您的答案！请务必仔细阅读FAQ on Self-Promotion。另请注意，每次链接到自己的网站/产品时，都要求发布免责声明。