的jquery不改变标签的属性

我的代码如下图所示：的jquery不改变标签的属性

<!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/

来源

2013-08-19 mj.yazdani

使用'css'改变样式属性'$（ “＃测试1”），CSS（ '背景色'， '＃F00'）;' – kayen

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

变化

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

到

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

来源

2013-08-19 11:43:42 adeneo

使用CSS，而不是ATTR

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


    });

来源

2013-08-19 11:45:04 Pranav

更换

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

随着

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

来源

2013-08-19 11:46:08

更换Repalce与替换 – nXqd

的jquery不改变标签的属性

回答

相关问题