这个怎么样？这里，pElement指的是您希望该div位于其中的元素（作为！：的子元素）。

$("pElement").append("<div></div");

您可以很容易地在字符串中向该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的最佳方法：

要将测试div附加到ID为div_ID的div元素，请执行以下操作：

$("#div_id").append("div name along with id will come here, for example, test");

现在将HTML附加到这个添加的测试div中：

$("#test").append("Your HTML");

创建div的一个简单方法是

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

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

您可以使用.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>