$("<div/>").appendTo("div#main");

将在<div id=“main”></div>中追加一个空白div

所有这些都对我有用，

HTML部分：

<div id="targetDIV" style="border: 1px solid Red">
    This text is surrounded by a DIV tag whose id is "targetDIV".
</div>

JavaScript代码：

//Way 1: appendTo()
<script type="text/javascript">
    $("<div>hello stackoverflow users</div>").appendTo("#targetDIV"); //appendTo: Append at inside bottom
</script>

//Way 2: prependTo()
<script type="text/javascript">
    $("<div>Hello, Stack Overflow users</div>").prependTo("#targetDIV"); //prependTo: Append at inside top
</script>

//Way 3: html()
<script type="text/javascript">
    $("#targetDIV").html("<div>Hello, Stack Overflow users</div>"); //.html(): Clean HTML inside and append
</script>

//Way 4: append()
<script type="text/javascript">
    $("#targetDIV").append("<div>Hello, Stack Overflow users</div>"); //Same as appendTo
</script>

如果您使用Jquery>1.4，您最好使用Ian的答案。否则，我将使用此方法：

这与celoron的答案非常相似，但我不知道他们为什么使用document.createElement而不是Jquery表示法。

$("body").append(function(){
        return $("<div/>").html("I'm a freshly created div. I also contain some Ps!")
            .attr("id","myDivId")
            .addClass("myDivClass")
            .css("border", "solid")                 
            .append($("<p/>").html("I think, therefore I am."))
            .append($("<p/>").html("The die is cast."))
});

//Some style, for better demonstration if you want to try it out. Don't use this approach for actual design and layout!
$("body").append($("<style/>").html("p{background-color:blue;}div{background-color:yellow;}div>p{color:white;}"));

我还认为，在这种情况下，将append（）与回调函数一起使用更可读，因为您现在马上就可以看到将要向主体添加的内容。但这是一个品味问题，在编写任何代码或文本时总是如此。

通常，在JQuery代码中使用尽可能少的HTML，因为这大部分是意大利面代码。它容易出错，很难维护，因为HTML字符串很容易包含拼写错误。此外，它将标记语言（HTML）与编程语言（Javascript/Jquery）混合在一起，这通常是一个坏主意。

$（HTMLelement）可以使其成功。如果您想要epmty div，请将其用作$（'<div></div>'）；。也可以通过相同的方法设置其他元素。如果您想在创建后更改内部HTML，可以使用HTML（）方法。对于获取outerHTML作为字符串，您可以使用如下方式：

var element = $('<div/>');
var innerHTML = element.html(); // if you want set new HTML use it like this element.html('<b>new HTML</b>');
var outerHTML = element[0].outerHTML;

可以使用.jquery（）方法创建单独的标记。并使用.append（）方法创建子标记。由于jQuery支持链接，您还可以通过两种方式应用CSS。要么在类中指定它，要么只调用.attr（）：

var lTag = jQuery("<li/>")
.appendTo(".div_class").html(data.productDisplayName);

var aHref = jQuery('<a/>',{         
}).appendTo(lTag).attr("href", data.mediumImageURL);

jQuery('<img/>',{                                               
}).appendTo(aHref).attr("src", data.mediumImageURL).attr("alt", data.altText);

首先，我将一个列表标记附加到div标记并将JSON数据插入其中。接下来，我将创建一个列表的子标记，并提供一些属性。我已经将值赋给了一个变量，这样我就可以很容易地附加它。

创建div的一个简单方法是

var customDiv = $("<div/>");

现在，自定义div可以附加到任何其他div。