如何在jQuery中创建div元素?


当前回答

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

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

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

selectBody.append(div);

其他回答

您可以使用append(添加到父级的最后一个位置)或prepend(添加到其父级的第一个位置):

$('#parent').append('<div>hello</div>');    
// or
$('<div>hello</div>').appendTo('#parent');

或者,可以使用不同答案中提到的.html()或.add()。

$("<div/>").attr('id','new').appendTo('body');    

这将在body中创建id为“new”的新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();
});

您可以使用.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的最佳方法:

要将测试div附加到ID为div_ID的div元素,请执行以下操作:

$("#div_id").append("div name along with id will come here, for example, test");

现在将HTML附加到这个添加的测试div中:

$("#test").append("Your HTML");