热门关键字:
jquery > jquery教程 > jquery教程 > jquery 动态创建 DIV

jquery 动态创建 DIV

398
作者:管理员
发布时间:2021/2/3 16:00:22
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3797
方法一:


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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐