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

它遵循您的语法：

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

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

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

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

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

所有这些都对我有用，

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>

从jQuery1.4开始，您可以将属性传递给自封闭元素，如下所示：

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

在文档中

示例可以在jQuery1.4发布：你必须知道的15个新特性中找到。

如果您想创建任何HTML标记，可以尝试例如

var selectBody = $('body');
var div = $('<div>');
var h1  = $('<h1>');
var p   = $('<p>');

如果你想在flay上添加任何元素，可以试试这个

selectBody.append(div);

$("<div/>").attr('id','new').appendTo('body');    

这将在body中创建id为“new”的新div。

document.createElement('div');