jquery - 带有背景颜色的动态jQuery div

Question

我想知道是否有人可以解释为什么在第一个创建的 div 中背景颜色不起作用，而在第二个示例中它起作用。

$("<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");

第一种方法有限制吗？

score 5 · Accepted Answer

您需要使该backgroundColor属性成为css对象的键。

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

1 回答 1