jQuery divを背景色でオンザフライで表示

Question

誰かが最初の作成されたdivで背景色がうまくいかず、2番目の例でそれがなぜ起こるのか説明できないのだろうかと思います。

$("<div/>", { 
width:300, 
height:400, 
backgroundColor:"#425412", //background-color does not work 
text: "hello there" 
}).appendTo("body"); 

注：background-colorプロパティを指定しないと、divが作成されます。

// works as defined including background-color 
$("<div style='width:300; height:400; background-color:#425412;'>hello there</div>").appendTo("body"); 

最初の方法には制限がありますか？

Answer 1

backgroundColorプロパティをcssオブジェクトのキーにする必要があります。

$("<div/>", { 
    width:300, 
    height:400, 
    css: { 
     backgroundColor:"#425412" 
    }, 
    text: "hello there" 
}).appendTo("body"); 

jsFiddle。