在做音乐列表的时候碰到了这个需求,于是上网搜索相关解决方案,结果是千篇一律,几乎都是错的(报错“parentdiv.addClass is not a function(…)”)。后来通过查找资料解决了相关问题。

首先要记得引入jQuery的文件。

方法一:

var creatediv= function(){
    var parentdiv=$('<div></div>');        //创建一个父div
    parentdiv.attr('id','parent');        //给父div设置id
    parentdiv.addClass('parentdiv');    //添加css样式

    var childdiv=$('<div></div>');        //创建一个子div
    childdiv.attr('id','child');            //给子div设置id
    childdiv.addClass('childdiv');    //添加css样式
    childdiv.appendTo(parentdiv);        //将子div添加到父div中

    parentdiv.appendTo('body');            //将父div添加到body中
}

千万注意:Javascript大小写敏感case-sensetive,“addClass”的“c”一定要大写(还有“appendTo”),好多教程都抄成了“parentdiv.addclass(‘parentdiv’);”结果会报类似的错误——

parentdiv.addclass is not a function(…)

方法二

var boarddiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...</div>"; 
$(window).load(function(){ 
//window.alert("ok"); 
$(document.body).append(boarddiv); 
});

该方法我还未尝试,仅供参考。

感谢第一个提出该方法的网友,出处不详。

个人觉得appendappendTo好用些,可能我对后者的具体用法不太熟悉。