jquery - jquery不改变标签的属性

Question

我的代码如下：

<!DOCTYPE html>
<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">/script>
    </head>
    <body>
         <p id="test1">This is a paragraph.</p>
         <button id="btn1">Set Text</button>
     </body>
 </html>

和我的jQuery代码：

$(document).ready(function(){
    $("#btn1").click(function(){
        $("#test1").text("Hello world!");
        $("#test1").attr('background-color','#F00');
    });
});

它会更改文本，但不会更改颜色。我的代码有什么问题？jsfiddle 链接：http: //jsfiddle.net/m6AnK/2/

score 3 · Accepted Answer

不是属性，是风格？

改变

$("#test1").attr('background-color','#F00');

到

$("#test1").css('background-color','#F00');

score 0 · Accepted Answer

使用CSS, 而不是ATTR

 $(document).ready(function(){
      $("#btn1").click(function(){
        $("#test1").text("Hello world!");
       $("#test1").css('background-color','red');
      });


    });

score 0 · Accepted Answer

代替

$("#test1").attr('background-color','#F00');

和

$("#test1").css('background-color','#F00');

jquery - jquery不改变标签的属性

3 回答 3

Related

Reference