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

Question

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

"btn brown selected"

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

"btn brown"

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

在此提前感谢MTH

Answer 1

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

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

Answer 2

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

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

似乎与你想要的一致.

我肯定会建议使用类而不是直接设置CSS,这有几个原因是有问题的(例如删除样式非常简单,删除类很容易)但是如果你想这样做:

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

但是当你想要扭转这种变化时,你将它设置为什么？