如何修改元件的STYLE属性与使用JQuery

已知ID我得到3个按钮，链接触发一些JavaScript代码，以指示如果选择某个按钮，选定的按钮得到风格属性设置为如何修改元件的STYLE属性与使用JQuery

“BTN棕色选择”

而其他按键得到这个属性设置为

“BTN棕色”

只有一个按钮可以在同一时间进行选择，每个按键有不同的独特的ID，我的问题是如何使用jQuery访问某些butto n修改它的样式属性。我需要的只是如何通过ID单一按钮访问并修改其风格属性，在屏幕上得到即时更新

在此先感谢 MTH

来源

2009-09-22 MoreThanChaos

不知道我完全理解这个问题，但：

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

似乎是沿着WH的行在你想要的。

我一定会推荐使用类，而不是直接设置CSS，这是有问题的几个原因（如去除风格是不平凡的，删除类的很容易），但如果你想采用这种方式：

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

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

来源

2009-09-22 01:49:06 cletus

那它究竟是我在找谢谢！ – MoreThanChaos 2009-09-22 07:29:52

使用来自jQuery的CSS的功能，样式设置为您的项目：

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

来源

2009-09-22 01:48:06 MaxiWheat

更好的答案，恕我直言。没有社论评论就更清楚地表达了意见。 +1 – 2010-01-06 22:44:36

更好的答案，肯定 – 2012-08-01 10:40:44

另一个改变背景以及文字颜色的例子： $（'＃MySpanTag'）。css（{“background-color”：'orange'，'color'：'red'} ）; 跨度asp.net的MVC剃刀CSHTML： @ ViewBag.MySpanTagMessage – Mayank 2013-08-22 14:45:04

$("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>

来源

2012-12-24 15:59:01 user1798002

感谢您发布您的答案！请务必仔细阅读[自助推广常见问题]（http://stackoverflow.com/faq#promotion）。另请注意，每次链接到您自己的网站/产品时，您都必须*发布免责声明。 – 2012-12-24 16:06:51

如何修改元件的STYLE属性与使用JQuery

回答

相关问题