
var parentdiv=$('
') //创建一个父div,如果已经有了就获取
parentdiv.attr('id','parent') //给父div设置id
parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('
') //创建一个子div
childdiv.attr('id','child') //给子div设置id
childdiv.addclass('childdiv') //添加css样式
childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去
}
var t=document.getElementById("kw")//获取目的div层var y=document.createElement("div")//创建div层
t.appendChild(y)//添加新建div到目的div
<!doctype html><head>
<meta charset="UTF-8">
<title>动态给div+id</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
//用这个attr方法加入
$(".btn_1").click(function(){
$(".change_div").attr("id","add_div")
})
$(document).on("click",'#add_div',function(){
alert('点击信息')
})
})
</script>
</head>
<body>
<div class="change_div">
深圳网站建设:www.sz886.com,点击得到加入div后的点击事件
</div>
<input type="button" value="加入div" class="btn_1" />
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)