使用jQuery将div附加到文档末尾？

Question

我想用jQuery编写一个函数来附加div到网页的末尾.我希望能够在许多不同的页面上使用该功能.

我写了下面的代码,但它不起作用:

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

我该如何解决？

Answer 1

追加到是没有意义的document.body而是附加到文档的节点,因为这是所有可见内容的位置:

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

Answer 2

如果您希望它在最后body,为什么不使用:

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

http://jsfiddle.net/ptuxX/

但是,.css('top', 100)除非你设置为position,否则不会做太多absolute.