如何在jQuery中创建div元素?


当前回答

<div id="foo"></div>

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

其他回答

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

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

我刚刚为此制作了一个小型jQuery插件。

它遵循您的语法:

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

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

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

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

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

如果它只是一个空div,这就足够了:

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

or

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

它给出了相同的结果。

这个怎么样?这里,pElement指的是您希望该div位于其中的元素(作为!:的子元素)。

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

您可以很容易地在字符串中向该div添加更多内容-属性,内容,您可以命名它。请注意,对于属性值,您需要使用正确的引号。

document.createElement('div');