如何在jQuery中创建div元素?


当前回答

下面是另一种使用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>").html("Loading......");
$("body").prepend(div);    

创建div的一个简单方法是

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

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

下面是另一种使用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插件。

它遵循您的语法:

var myDiv = $.create("div");

DOM节点ID可以指定为第二个参数:

var secondItem = $.create("div","item2");

严重吗?没有。但是这个语法比$(“<div></div>”)好,而且它的价值非常高。

(答案部分复制自:jQuery document.createElement等效项?)

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

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

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

selectBody.append(div);