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

Question

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.

Code:-

var hol         


        

Answer 1

jQuery methods returns the set they were applied on.

Use .appendTo:

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

Answer 2

Using jQuery appendTo try this:

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

Answer 3

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

Answer 4

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

Answer 5

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

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

.appendTo() reference: 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)

Answer 6

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