Question

这是我的代码，

<html>
<head>
  <style>
   .containerTitle {
     background-color:silver;
     text-align:center;
     font-family:'Segoe UI';
     font-size:18px;
     font-weight:bold;
     height:30px;
   }
  </style>
</head>
<body>
<div id="a"/>
</body>
</html>

如何使用jquery ..

更改containerTitle样式中的背景颜色

Answer 1

你去了：$(".containerTitle").css("background-color","red");

用法示例：

// wait until the DOM tree is loaded
$(document).ready(function(){
  // click event handler on <a> tags
  $("a").click(function() {
    // change the color on click
    $(".containerTitle").css("background-color","red");
  });
});

.containerTitle {
  background: black;
  height:100px;
  width:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="containerTitle"></div>
<a href="javascript:;" >change color</a>

Answer 2

试试这个

$(".containerTitle").css(
    "background","#dedede"
);

Answer 3

像这样，

<script>
    $(document).ready(function() {
    $(".containerTitle ").css("background-color","silver");
    });
    </script>

并且您还应该在代码的头部中使用js库：

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>

此<div id="a"/>应该是这样的，<div id="a" ></div>

Answer 4

添加此代码以动态更改样式属性。

$('.containerTitle').css({'background':'red'})

如何动态更改样式属性

4 个答案: