jQuery-将div附加到主体,主体是对象?

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

码:-

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

现在将holdy的“ id”添加到主体中...是吗? 我究竟做错了什么。

waxical asked 2020-06-26T16:50:32Z
6个解决方案
76 votes

jQuery方法返回对其应用的集合。

使用.appendTo:

var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');
Didier Ghys answered 2020-06-26T16:50:51Z
19 votes
    $('body').append($('<div/>', {
        id: 'holdy' 
    }));
thecodeparadox answered 2020-06-26T16:51:06Z
11 votes
$('</div>').attr('id', 'holdy').appendTo('body');
xdazz answered 2020-06-26T16:51:22Z
8 votes

而是使用.appendTo()append或29402506790609889889返回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)
ShankarSangoli answered 2020-06-26T16:51:51Z
5 votes

使用jQuery append尝试以下操作:

var holdyDiv = $('<div></div>').attr('id', 'holdy');
holdyDiv.appendTo('body');
sinemetu1 answered 2020-06-26T16:52:11Z
2 votes
var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');
Abhishek answered 2020-06-26T16:52:26Z
translate from https://stackoverflow.com:/questions/9114565/jquery-appending-a-div-to-body-the-body-is-the-object