jQuery - 将div添加到body，body是对象吗？

Question

当我向身体添加div时，它将身体作为对象返回，然后每当我使用它时 - 它显然是使用身体。坏。

代码： -

var holdyDiv = $('body').append('div');
$(holdyDiv).attr('id', 'holdy');

holdy的'id'现在被添加到身体......呃？我做错了什么。

Answer 1

jQuery方法返回它们应用的集合。

使用.appendTo：

var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');

Answer 2

    $('body').append($('<div/>', {
        id: 'holdy' 
    }));

Answer 3

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

Answer 4

而是使用appendTo。 append或appendTo返回一个jQuery对象，因此您不必将其包装在$()内。

var holdyDiv = $('<div />').appendTo('body');
holdyDiv.attr('id', 'holdy');

.appendTo()参考：http://api.jquery.com/appendTo/

你也可以试试这个。

$('<div />', { id: 'holdy' }).appendTo('body');
               ^
             (Here you can specify any attribute/value pair you want)

Answer 5

使用jQuery appendTo试试这个：

var holdyDiv = $('<div></div>').attr('id', 'holdy');
holdyDiv.appendTo('body');

Answer 6

var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');