在 jQuery 中创建一个 div 元素

IT技术 javascript jquery html append jquery-append
2021-01-28 16:26:04

如何divjQuery 中创建元素

6个回答

从 jQuery 1.4 开始,您可以将属性传递给自闭元素,如下所示:

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

这是在文档中

示例可以在jQuery 1.4 Released: The 15 New Features you Must Know 中找到

这里的答案非常好。
2021-03-30 16:26:04

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

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

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

从技术上讲,$('<div></div>')将“创建”一个div元素(或更具体地说是一个 DIV DOM 元素),但不会将其添加到您的 HTML 文档中。然后,您需要将它与其他答案结合使用,以实际使用它做任何有用的事情(例如使用该append()方法等)。

操作文档提供了关于如何添加新元素的所有各种选择。

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();
});
div = $("<div>").html("Loading......");
$("body").prepend(div);