jquery 动态添加div元素(两种方式)

方法一:

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(){ 
    $(document.body).append(boarddiv); 
});

猜你喜欢

转载自blog.csdn.net/YQRQR/article/details/51437611