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/

Answer 1

这不是一个属性，它是一种风格？

变化

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

到

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

Answer 2

使用CSS代替ATTR

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


    });

Answer 3

<强>替换

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

。通过

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

jquery不会更改标记的属性

3 个答案: