下面是另一种使用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”>克隆我</按钮>

可以使用.jquery（）方法创建单独的标记。并使用.append（）方法创建子标记。由于jQuery支持链接，您还可以通过两种方式应用CSS。要么在类中指定它，要么只调用.attr（）：

var lTag = jQuery("<li/>")
.appendTo(".div_class").html(data.productDisplayName);

var aHref = jQuery('<a/>',{         
}).appendTo(lTag).attr("href", data.mediumImageURL);

jQuery('<img/>',{                                               
}).appendTo(aHref).attr("src", data.mediumImageURL).attr("alt", data.altText);

首先，我将一个列表标记附加到div标记并将JSON数据插入其中。接下来，我将创建一个列表的子标记，并提供一些属性。我已经将值赋给了一个变量，这样我就可以很容易地附加它。

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

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

可替换为append（）您也可以使用appendTo（），它具有不同的语法：

$("#foo").append("<div>hello world</div>");
$("<div>hello world</div>").appendTo("#foo");    

下面是另一种使用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 id="foo"></div>

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