如何在jQuery中创建div元素?


当前回答

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

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

其他回答

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

操纵文档为您提供了关于如何添加新元素的各种选项。

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

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

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

这将在body中创建id为“new”的新div。

从jQuery1.4开始,您可以将属性传递给自封闭元素,如下所示:

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

在文档中

示例可以在jQuery1.4发布:你必须知道的15个新特性中找到。

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