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

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

6 个答案: