如何修改元件的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

回答

相關問題