下面是另一种使用jQuery创建div的技术。

元素克隆

假设您的页面中有一个现有的div，您希望使用jQuery克隆该div（例如，在表单中多次复制输入）。你可以这样做。

$（'#clone_button'）.click（function（）{$（“#clone_wrapper div:first”）.clone（）.append（'克隆'）.appendTo（$（“#clone_wrapper”））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“clone_wrapper”>＜div＞Div公司</div></div><button id=“clone_button”>克隆我</按钮>

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

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

从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个新特性中找到。

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

您可以使用append（添加到父级的最后一个位置）或prepend（添加到其父级的第一个位置）：

$('#parent').append('<div>hello</div>');    
// or
$('<div>hello</div>').appendTo('#parent');

或者，可以使用不同答案中提到的.html（）或.add（）。

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