<div id="foo"></div>

$('#foo').html('<div></div>');

d = document.createElement('div');
$(d).addClass(classname)
    .html(text)
    .appendTo($("#myDiv")) //main div
.click(function () {
    $(this).remove();
})
    .hide()
    .slideToggle(300)
    .delay(2500)
    .slideToggle(300)
    .queue(function () {
    $(this).remove();
});

从技术上讲，$（“＜div＞＜/div＞”）将“创建”一个div元素（或者更具体地说是一个div DOM元素），但不会将其添加到HTML文档中。然后，您需要将其与其他答案结合使用，以实际使用它做任何有用的事情（例如使用append（）方法等）。

操纵文档为您提供了关于如何添加新元素的各种选项。

$（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;

创建div的一个简单方法是

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

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

我刚刚为此制作了一个小型jQuery插件。

它遵循您的语法：

var myDiv = $.create("div");

DOM节点ID可以指定为第二个参数：

var secondItem = $.create("div","item2");

严重吗？没有。但是这个语法比$（“＜div＞＜/div＞”）好，而且它的价值非常高。

（答案部分复制自：jQuery document.createElement等效项？）