您可以使用.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/>").attr('id','new').appendTo('body');    

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

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

$("pElement").append("<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>

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

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

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

selectBody.append(div);

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

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

or

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

它给出了相同的结果。