Question

尝试做一些看起来不起作用的超级基本的东西：

HTML

$("aaa").click(function () {
    $(this).css('backgroundcolor', 'white');
});

JS

{{1}}

按钮颜色似乎没有变化。我做错了什么？

谢谢！

Answer 1

＆＃13;

$('.thing').on('click', function() {
  $(this).css('background', 'red');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class='thing'>button</button>

＆＃13;

$('#aaa')

你需要在你的情况下按id定位元素。

Answer 2

需要进行两项更改

ID选择需要jquery中的#
将backgroundColor更改为backgroundColor或background-color

$("#aaa").click(function() {
  $(this).css('backgroundColor', 'white');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button style="margin: 10px; color:white; background-color: #4CAF50; font-size:40px;" type="button" id="aaa"> גבע</button>

Answer 3

button是一个ID选择器#aaa。

＆＃13;

<html>
<head>
  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
</head>
<body>


<button style="margin: 10px; color:white; background-color: #4CAF50; font-size:40px;" type="button" id="aaa" > גבע</button>

<script>

    $("#aaa").click(function () {
    
        $(this).css('background-color', 'white');
    });

</script>
</body>

</html>

＆＃13;

<script>

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

</script>

Answer 4

用以下代码替换您的代码：

$("#aaa").click(function () {
        $(this).css('backgroundColor', 'white');
    });

您的选择器规则存在问题，您缺少“＃”

Answer 5

对于id，使用#用于选择器

中的类.

 $("#aaa").click(function () {
    $(this).css({'background-color':'white'});
});

Answer 6

$(this).css("background-color", "yellow");

将"backgroundcolor"属性替换为"background-color"

然后它会起作用！

祝你好运

Answer 7

有两个错误

将#放在代码中缺少的ID选择器之前。
CSS（或DOM样式）属性应为background-color或backgroundColor

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button style="margin: 10px; color:white; background-color: #4CAF50; font-size:40px;" type="button" id="aaa" > גבע</button>

<script>

    $("#aaa").click(function () {
        $(this).css('background-color', 'white');
    });

</script>

＆＃13;

Answer 8

1）将$("aaa")更改为$("#aaa")：    id选择器必须使用#符号。

2）将backgroundcolor更改为background-color

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button style="margin: 10px; color:white;background-color: #4CAF50;  font-size:40px;" type="button" id="aaa" > גבע</button>

Answer 9

id用'＃'和'backgroundcolor'用'background-color'

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

无法使按钮颜色发生变化

9 个答案: