Добавить div в конец документа с помощью jQuery?

Я хотел бы написать функцию, используя jQuery, чтобы добавить div в конец веб-страницы. Я хотел бы иметь возможность использовать эту функцию на разных страницах.

Я написал следующий код, но он не работает:

    $(document).append('<div id="helloDiv"></div>');
    $('#helloDiv').html('hello'); // does nothing
    $('#helloDiv').css('top','100') // throws an error

Как это исправить?

Ответ 1

Нет смысла добавлять к document. Вместо этого добавьте в документ body node, так как здесь все видимое содержимое:

$(document.body).append('<div id="helloDiv"></div>');

Ответ 2

Если вы хотите, чтобы он находился в конце body, почему бы не использовать:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', 100);

http://jsfiddle.net/ptuxX/

Однако просто .css('top', 100) не делает ничего, если вы не установите position в absolute.

Ответ 3

Try:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', '100');

Или просто добавьте контент и его css перед добавлением div.

var $newdiv = '<div id="helloDiv">hello</div>';
$('body').append($newdiv);