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");

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

Answer 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>

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

3 个答案: