如何在jQuery中创建div元素?


当前回答

创建div的一个简单方法是

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

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

其他回答

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

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

$(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()您也可以使用appendTo(),它具有不同的语法:

$("#foo").append("<div>hello world</div>");
$("<div>hello world</div>").appendTo("#foo");    
document.createElement('div');
d = document.createElement('div');
$(d).addClass(classname)
    .html(text)
    .appendTo($("#myDiv")) //main div
.click(function () {
    $(this).remove();
})
    .hide()
    .slideToggle(300)
    .delay(2500)
    .slideToggle(300)
    .queue(function () {
    $(this).remove();
});