Javascript 是否使用jQuery将div追加到文档末尾？

我想使用jQuery编写一个函数，将

div

附加到网页的末尾。我希望能够在许多不同的页面上使用该功能

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

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

$（文档）。附加（“”）；
$（'helloDiv'）.html（'hello'）；//无所事事
$（'#helloDiv'）.css（'top'，'100'）//引发错误

---

如何解决此问题？

附加到

文档中是没有意义的。改为附加到文档的
正文
节点，因为这是所有可见内容的位置：

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

$（document.body）.append（“”）；
如果希望它位于
正文的末尾，为什么不使用：

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

$（'body'）。追加（“”）；
$（'helloDiv'）.html（'hello'）；
$（'helloDiv'）.css（'top'，100）；


但是，除非您将
位置设置为
绝对
，尝试以下操作，否则仅使用
.css（'top'，100）
并没有多大作用：

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

$（'body'）。追加（“”）；
$（'helloDiv'）.html（'hello'）；
$（'helloDiv'）.css（'top'，'100'）；

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

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

var$newdiv='hello'；
$（'body'）。追加（$newdiv）；
我认为这是因为您将其直接附加到文档中。尝试将其附加到$（‘body’）谢谢各位！这个网站节省了我太多的时间和挫折！对于JS，请参阅：它应该是不带引号的.css（'top'，100）或.css（'top'，'100px'）