在做音乐列表的时候碰到了这个需求,于是上网搜索相关解决方案,结果是千篇一律,几乎都是错的(报错“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);
});
该方法我还未尝试,仅供参考。
感谢第一个提出该方法的网友,出处不详。
个人觉得append
比appendTo
好用些,可能我对后者的具体用法不太熟悉。