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

夺命雷公狗jquery---40在元素头尾部插入元素可alert出来看

2015-10-29 23:43 766 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
$(function(){
//版定click事件
$('#btnok').bind('click',function(){
//1.在div元素尾部插入jquery
//$('div#div1').after('jquery');

//2.在div元素头部插入
//$('#div1').before('jquery');

//3.把匹配到的元素插入到元素的尾部
//$('#p1').insertAfter('#div1');

//4.把匹配道德元素插入到元素的头部
$('#div1').insertBefore('#p1');
alert($('body').html());
});
});
</script>
</head>
<body>
<p id="p1">p1</p>
<hr />
<div id="div1">div1</div>
<hr />
<input type="button" id="btnok" value="插入操作" />
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: