jQuery - 将 div 附加到主体，主体是对象？

jQuery - Appending a div to body, the body is the object?

提问by waxical

When I'm adding a div to body, it's returning the body as the object and then whenever I use that - it's obviously using body. Bad.

当我向 body 添加一个 div 时，它会将 body 作为对象返回，然后每当我使用它时 - 它显然是在使用 body。坏的。

Code:-

代码：-

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

The 'id' of holdy is now being added to body... eh? What am I doing wrong.

Holdy 的 'id' 现在被添加到 body 中......是吗？我究竟做错了什么。

回答by Didier Ghys

jQuery methods returns the set they were applied on.

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

Use .appendTo:

使用.appendTo：

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

回答by thecodeparadox

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

回答by xdazz

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

回答by ShankarSangoli

Instead use use appendTo. appendor appendToreturns a jQuery object so you don't have to wrap it inside $().

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

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

.appendTo()reference: http://api.jquery.com/appendTo/

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

Alernatively you can try this also.

或者你也可以试试这个。

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

回答by sinemetu1

Using jQuery appendTotry this:

使用 jQuery append 来试试这个：

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

回答by Abhishek

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