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

2021/01/21 09:11 · jquery ·  · 0评论

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

我已经编写了以下代码,但是不起作用:

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

我该如何解决?

附加到documentbody而是附加到文档的节点,因为这是所有可见内容所在的位置:

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

如果您希望它位于的末尾body,为什么不使用:

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

http://jsfiddle.net/ptuxX/

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

尝试:

$('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);
本文地址:http://jquery.askforanswer.com/shiyongjqueryjiangdivfujiadaowendangmoweima.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!