jQueryDOM增删改的方法

.insertAfter() .after() 和 .insertBefore() .before()

.insertAfter()

把什么东西， 插入到 什么东西的后面去。

.insertBefore()

把什么东西插入什么东西的前面去。跟 insertAfter() 是相反的， 功能也是相反的。

.after()

在什么东西中把插入东西的到前面去
跟.insertAfter()的方法一样，.after() 得填 jquery对象，如果你只填了 .after(‘p’), 它就会把p作为字符串插进去

.before()

在什么东西中把插入东西的到后面去
跟.insertbefore()的方法一样，和 .after()用法相同 before() 得填 jquery对象，如果你只填了 .before(‘p’), 它就会把p作为字符串插进去

after before的参数都可以直接用字符【该字符串可以是html代码】

<div class="box-1">
    <p class="p_1">段落一</p>
    <p class="p_2">段落2</p>
    <br>
    <button>将段落一移到hr横线下方</button>
    <br><br>
    <button>将段落二移到hr横线上方</button>
    <br>
    <hr>
</div>
<script type="text/javascript">
	// 第一题
	// 第一个按钮
	$('.box-1>button:eq(0)').click(function(){
	    // 将段落一移到hr横线下方
	    $('.p_1').insertAfter('.box-1>hr');
	    //  $r('.box-1>hr').atfer( $('.p_1'));
	})
	
	// 第二个按钮
	$('.box-1>button:eq(1)').click(function(){
	    // 将段落二移到hr横线上方
	    $('.p_2').insertBefore('.box-1>hr');
	      //  $r('.box-1>hr').before( $('.p_1'));
	})
</script>

.appendTo()　.append() 和.prependTo() .prepend()

.appendTo()
把什么添加到什么的里面最下面
prependTo()
跟.appendTo() 方法比较像，.appendTo()是添加到 里面的 最下面，.prependTo()是添加到里面的 最上面

.append()
跟.appendTo()的方法一样 如果你只填了 .append(‘p’), 它就会把p作为字符串插进去，如果你要加文字进去， 用它就不错了
.prepend()
跟.prependTo()的方法一样，和 append用法基本一样，如果你只填了 .prepend(‘p’), 它就会把p作为字符串插进去，

.append()和.prepend()也可以添加 html标签， 会解析成 html结构 语法和 after before一样

.remove()　　.detach()

.remove()
移除你所选的 dom元素,但是如果在添加回去。原有的 事件绑定什么，会丢失。

.detach()
跟 remove 一个功能， 也是 移除。但是 移除后，在添加， 原有的 事件 都在。

.wrap() .wrapInner()

.wrap()
为所选的元素 添加父级标签，参数可以是， html结构 的标签， jquery对象的 dom， 函数。

.wrapInner()
会为某个元素 里面 的全部标签 套上一层父级。
参数跟 .wrap() 方法 一样。

.wrapAll()
选择多个元素添加同一个的父 级参数跟 .wrap() 方法 一样。

.unwrap()
删除 你选择的直接父级