Question

我有一个ID为test的元素。如果我点击它，我希望background-color更改为红色。我试过这样，但它不起作用。

var main = function()
{
  $("#test").click
  {
      function()
      {
          $(this).css("background-color","red");
      }
  };
}
$(document).ready(main);

div {
  border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <div>A</div>
  <div>B</div>
  <div id="test">!!!</div>
  <div>C</div>
</div>

Answer 1

您的代码中有错误。通过jquery定义click事件时语法不正确。它应该是：

var main = function(){
$("#test").click(function()
  {           //^---- { should be (
      $(this).css("background-color","red");
  });
}
$(document).ready(main);

Answer 2

您的通话语法错误。您应该使用click(function(){})之类的点击。。

var main = function(){
    $("#test").click(function(){
        $(this).css("background-color","red");
    });
}

Answer 3

＆＃13;

$(document).ready(function(){
    $("#test").click(function(){
        $(this).css("background-color","red");
    });
});

＆＃13;

div {
  border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <div>A</div>
  <div>B</div>
  <div id="test">!!!</div>
  <div>C</div>
</div>

＆＃13;

Answer 4

您可以将css应用为对象。所以你可以在你的javascript中定义你的对象：

var my_css_class = { backgroundColor : 'blue', color : '#fff' };

然后将其应用于您想要的所有元素：

$("#myelement").css(my_css_class);

点击jQuery更改背景颜色

4 个答案: