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

第一種方法是否有限制？

Answer 1

您需要使backgroundColor屬性成爲css對象的關鍵字。

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

jsFiddle。