<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文档处理</title>
<script src="jquery-3.4.1.js"></script>
</head>
<body>
<a>click</a>
<div id="div1">
<div>first</div>
</div>
<p>hello p</p>
<script>
//一：内部插入
//1.(1)append()方法，将p标签插入到div标签里面,(成为最后一个孩子)
// var ele=$('p');
// $('#div1').append(ele);
//(2)将p标签插入到div标签里面,(成为最后一个孩子)----(调用对象不一样)
// var ele=$('p');
// ele.appendTo($('#div1'))
//2.(1)prepend()方法，将p标签插入到div标签里面,(成为第一个孩子)
// var ele2=$('p');
// $('#div1').prepend(ele2);
//(2)将p标签插入到div标签里面,(成为第一个孩子)----(调用对象不一样)
// var ele2=$('p');
// ele2.prependTo($('#div1'));
//二：外部插入
//1.(1)after()方法，将p标签插入到div标签后面,和div并列为兄弟
// var ele1=$('a');
// $('div').after(ele1);
//(2).insertAfter()方法，将p标签插入到div标签后面,和div并列为兄弟
// var ele1=$('a');
// ele1.insertAfter($('#div1'));
//2.(1)before()方法，将p标签插入到div标签前面,和div并列为兄弟
// var ele2=$('p')
// $('#div1').before(ele2);
//(2).insertBefore()方法，将p标签插入到div标签前面,和div并列为兄弟
// var ele2=$('p');
// ele2.insertBefore($('#div1'));
//clone()方法
var e=$('div p');
var ele=e.clone();
//然后对克隆对象进行操作
</script>
</body>
</html>