如何在jQuery中创建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>

其他回答

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

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

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

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

or

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

它给出了相同的结果。

div = $("<div>").html("Loading......");
$("body").prepend(div);    

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

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

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

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

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