创建内存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的答案类似，但我找不到适当处理财产对象声明中方法使用的示例，所以就这样。

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

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

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

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

您可以使用.add（）创建一个新的jQuery对象并添加到目标元素中。然后使用链接继续。

例如jQueryApi：

$（“div”）.css（“border”，“2px纯红色”）.add（“p”）.css（“背景”，“黄色”）；第二部分{宽度：60px；高度：60px；边距：10px；浮动：左侧；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div></div><div></div><div></div><div></div><div></div><div></div>

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

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

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