jquery css動態創建元素不工作

Question

我創建了一個使用jQuery的元素，然後將它追加到另一個。我正在嘗試設置標題的樣式，但由於某些原因，它似乎不工作。似乎沒有任何語法錯誤。它附加到div和文本出現，它只是沒有風格。

jQuery('<h3/>', { 

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

}).appendTo('#div1'); 

任何幫助，將不勝感激

Answer 1

嘗試來包裝你的CSS樣式裏面{ }而不是()

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