JQuery div on the fly with background color

Question

I wonder if anyone can explain why in the first div created, the background color won't work and this happens in the second example.

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

Note: without the background-color property the div will be created.

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

Does the first method have limitations?

+3

Daniel 08 Apr 12 at 6:18 am

1 answer

alex · Accepted Answer · 2012-04-08T06:23:14+0000

You need to make the property the backgroundColor

key of the object css

.

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