Question

我想在点击时更改body的背景颜色。

这是我试过的代码，任何帮助都会受到赞赏：）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

$(document).ready(function(){
   $(#foo).click(change() {
   $(body).css("background-color":"blue");
});
});

CSS代码

body
{
background-color:red;
}

正文代码

<body>        
<div id="foo" onclick="change()">
Hello
</div>

Answer 1

您使用的是冒号而不是逗号。尝试：

$(body).css("background-color","blue");

您还需要将id包装在引号中，否则它将查找名为#co的变量

$("#co").click(change()

这里还有很多问题。 click不是HTML属性。你想要onclick（这是多余的）。试试这个：

<div id="co"> <!-- no onclick method needed -->
<script>
$(document).ready(function() {
    $("#co").click(function() {
        $("body").css("background-color","blue"); //edit, body must be in quotes!
    });
});
</script>

您试图调用未定义的方法。看起来你试图在回调语句中声明它？我不确定。但请将其与您的代码进行比较，并查看差异。

http://jsfiddle.net/CLwE5/演示小提琴

Answer 2

试试这个

$("body").css({"background-color":"blue"});

Answer 3

$("#co").click(function(){
   $(this).css({"backgroundColor" : "blue"});
});

Answer 4

以下代码会将div更改为蓝色。

<script>
 $(document).ready(function(){ 
   $("#co").click({
            $("body").css("background-color","blue");
      });
    }); 
</script>
<body>
      <div id="co">hello</div>
</body>

Answer 5

1.从onclick元素

中删除div方法

2.从jQuery代码中删除函数change()，代替它创建一个匿名函数，如：

$(document).ready(function()
{

  $('#co').click(function()
   {

  $('body').css('background-color','blue');
  });
});

Answer 6

$("#bchange").click(function() {
    $("body, this").css("background-color","yellow");
});

Answer 7

使用点击按钮 jquery

更改 Background Color

下面是jquery的代码，您可以将其放在head标记中。

jQuery代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
      $("button").click(function(){
        $("div").addClass("myclass");
      });
    });
</script>

CSS代码：

<style>
    .myclass {
        background-color: red;
        padding: 100px;
        color: #fff;
    }
</style>

HTML代码：

<body>
    <div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
    <button>Click Here</button>
</body>

Answer 8

尝试下面的jQuery代码段，您可以更改颜色：

<script type="text/javascript">
    $(document).ready(function(){
        $("#co").click(function() {
            $("body").css("background-color", "yellow");
        });
    });
</script>

$(document).ready(function(){
    $("#co").click(function() {
        $("body").css("background-color", "yellow");
    });
});

body {
    background-color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="co" click="change()">hello</div>

使用Jquery更改背景颜色（css属性）

8 个答案: