您的位置:首页 > Web前端 > JQuery

jQuery动态创建div方法

2014-03-06 14:09 309 查看
方法一:

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中

}

方法二:

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);

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: