jquery - 背景色を使用したオンザフライのjQuerydiv

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 .