jquery, как убрать цвет кнопки после ее нажатия?

Question

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

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

После того, как кто-то нажимает на кнопку, я хочу удалить цвет фона на кнопке.Я не уверен, почему это не работает.

Спасибо
Гордон

Answer 1

Это?

<script type="text/javascript">

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

</script>

Answer 2

попробуйте использовать

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

Answer 3

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

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

Answer 4

Я не совсем уверен, почему код, который вы разместили, не работает, но следующее поможет вам

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

});

jsfiddle версия: http://jsfiddle.net/UUxHJ/

Как уже отмечали другие, лучше (более перспективно для будущего) здесь удалять только цвет фона, а не полностью удалять атрибут style.

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

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