javascript - 按钮颜色不变

Question

问题-按钮颜色没有改变，我使用了 jquery 点击功能

<button class="red"  id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>

对于这个按钮，我使用 jquery 作为

$(document).ready(function(){
    $("#MyQuotes").click(function(){
    $(this).css({background:"red"});
    });
});

但是没有成功，我也试过这样-

<button class="red" onclick="D()" id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>

我在这里制作了 javascript 函数作为-

<script language="javascript">
function D()
{
document.body.style.backgroundColor="red";
}
</script>

是的，这次我又失败了。你能给我推荐一些代码吗？

Answer 1

使用 jQuery:http://jsfiddle.net/DrWjq/

$(document).ready(function(){
   $("#MyQuotes").click(function(){
    $(this).css({background:"red"});
   });
});

纯 JS:http://jsfiddle.net/wx9tw/

function D(id)
{
 id.style.backgroundColor="red";
}

<button class="red" onclick="D(this)" id="MyQuotes" href="#" title="">@Aceo.Crm.App.Resources.Shared.Order.Link_MyQuote</button>