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只会做很多事情。

Answer 3

尝试：

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

或者只是在添加div之前添加内容及其css。

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

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

3 个答案: