jQuery动态创建div方法

来源:互联网 发布:js 设置div display 编辑:程序博客网 时间:2024/06/05 08:18
方法一:
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); 
});
0 0
原创粉丝点击