jquery css，动态创建的元素不起作用

Question

我使用jquery创建一个元素，然后将其附加到另一个元素。我试图设计我的标题，但它似乎并没有因某种原因而起作用。似乎没有任何语法错误。它附加到div并且文本正在显示，它只是没有被设置样式。

 jQuery('<h3/>', {

text: 'Todays news',
css: ('background-color', 'red'),
id: 'tdn'

}).appendTo('#div1');

任何帮助将不胜感激

Answer 1

尝试将CS​​S样式包装在{ }而不是( )

中

jQuery('<h3/>', {
    text: 'Todays news',
    id: 'tdn',
    css: {'background-color': 'red'},
}).appendTo('#div1');

<强> Fiddle Demo

或者您也可以使用 .css() ：

jQuery('<h3/>', {
    text: 'Todays news',
    id: 'tdn'
}).css('background-color', 'red').appendTo('#div1');

<强> Fiddle Demo

Answer 2

尝试使用{}而不是（）作为css参数

$('<h3/>', {

text: 'Todays news',
    css: {'background-color': 'red'},
id: 'tdn'

}).appendTo('#div1');

http://jsfiddle.net/xerxesnoble/e93Hj/

Answer 3

你可以这样做：

jQuery('<h3/>', {
    text: 'Todays news',
    id: 'tdn'
    style: 'background-color:red'
}).appendTo('#div1');

Demo

Answer 4

使用style:代替css:

 jQuery('<h3/>', {

text: 'Todays news',
style: "background-color:red",
id: 'tdn'

}).appendTo('#div1');