0

私のコードは以下のようなものです:

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

4

3 に答える 3

3

属性じゃなくてスタイル？

変化する

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

に

$("#test1").css('background-color','#F00');
于 2013-08-19T11:43:42.997 に答える
0

CSSの代わりに , を使用ATTR

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


    });
于 2013-08-19T11:45:04.760 に答える
0

交換

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

と

$("#test1").css('background-color','#F00');
于 2013-08-19T11:46:08.167 に答える