div = $("<div>").html("Loading......");
$("body").prepend(div);    

如果它只是一个空div，这就足够了：

$("#foo").append("<div>")

or

$("#foo").append("<div/>")

它给出了相同的结果。

创建内存DIV

$("<div/>");

添加单击处理程序、样式等，最后将其插入到DOM中的目标元素选择器中：

$（“<div/>”{//此处的属性text:“单击我”，id:“示例”，“class”：“myDiv”，//（'class'在引号中更好）css：｛颜色：“红色”，fontSize：“3em”，光标：“指针”},日期：{mouseenter:函数（）{console.log（“请…”+$（this）.text（））；},单击：函数（）{console.log（“嗨！我的ID是：”+this.ID）；}},追加：“<i>！！</i>”，appendTo:“body”//最后，附加到任何选择器}); // << 这里不需要做任何事情，因为我们在内部定义了财产。<script src=“//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>

与ian的答案类似，但我找不到适当处理财产对象声明中方法使用的示例，所以就这样。

所有这些都对我有用，

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>

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

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

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

它遵循您的语法：

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

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

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

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

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