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

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

我编写了以下代码，但它不起作用：

  $(document).append('
'); $('#helloDiv').html('hello'); // does nothing $('#helloDiv').css('top','100') // throws an error 

我该如何解决？

Answer 1

附加到document是没有意义的。 相反，附加到文档的body节点，因为这是所有可见内容的位置：

 $(document.body).append('
'); 

Answer 2

如果你想让它在body的尽头，为什么不使用：

 $('body').append('
'); $('#helloDiv').html('hello'); $('#helloDiv').css('top', 100); 

http://jsfiddle.net/ptuxX/

但是，除非将position设置为absolute否则只需.css('top', 100)就不会有太大作用。

Answer 3

尝试：

 $('body').append('
'); $('#helloDiv').html('hello'); $('#helloDiv').css('top', '100'); 

或者只是在添加div之前添加内容和它的css。

 var $newdiv = '
hello
'; $('body').append($newdiv);