jquery，如何在按下按钮后删除按钮颜色？

Question

<button style="background-color:lightblue" id="extractv">
     <b>
       Extract<br>v
     </b>
</button>      
...

$("#extractv").click(function () {
   $("#extractv").removeAttr("style"); 
});

当有人点击按钮后，我想删除按钮上的背景颜色。我不知道为什么它不起作用。

谢谢
戈登

Answer 1

尝试使用

.css('background-color','');

Answer 2

这？

<script type="text/javascript">

$(function() {
    $("#extractv").click(function () {
       $(this).css('background-color', ''); 
    });
});

</script>

Answer 3

我不太确定为什么您发布的代码不起作用，但以下代码可以解决

$(document).ready(function() {
    $('#extractv').click(function() {
       $(this).removeAttr('style');
    }); 

});

jsfiddle 版本的问题： http:// /jsfiddle.net/UUxHJ/

正如其他人指出的那样，尽管这里只删除背景颜色比完全删除样式属性更好（更面向未来）。

$('#extractv').click(function() {
   $(this).css('background-color','');
}); 

Answer 4

$("#extractv").css("background-color","");

http://api.jquery.com/css/

Answer 5

更好的方法是将颜色分配给一个类，然后使用 jQuery 随意添加和删除该类：

# CSS
.colorClass {
  background-color: lightblue
}

// js
$('#extractv').click(function(){
  $(this).toggleClass('colorClass');
});

这样，您就可以使用您想要的任何样式功能，而无需更改任何 javascript！

Answer 6

//BUTTON = the id name of your button
BUTTON.style.backgroundColor = "";