使用带有jQuery附加元素的内联样式

Question

我正在Greasemonkey中编写用户脚本，我目前正在向文本框中添加元素。我尝试在创建的元素中使用内联CSS失败，如此

CSS

.append($("<p style="color:blue">")) 

这甚至可以用jQuery吗？我找不到任何关于这种搜索的例子，我仍然是编码的新手，所以如果以前已经回答过，我道歉。

Answer 1

假设您要将内嵌样式的<p>标记附加到您必须使用的<div>代码中：

var parentNode = $('div');
var childNode = $('<p>'); 
childNode.css('color', 'blue'); 
parentNode.append(node);

Answer 2

最后一篇帖子问得很好，但你的第一种方法也有效（你最后忘记了'/'）。

假设您只想添加一个简单的“p”空元素，您可以这样做（使用Jquery）：

$(element).append('<p style="color:red" />')

或者如果你想添加一个p无空元素，请执行以下操作：

$(element).append('<p style="color:red" > My text </p>')

这是最短的方式，但最后一篇文章显示了更多的清洁技术。