JQuery中对DOM元素的插入方式，append,prepend,after,before,wrap,wrapAll

在J Query中，在选定元素中，在不同的位置中插入所需要的元素有不同的插入方法，以下介绍他们相应的插入方法：

<div>tesing</div>

var a = <li><a>testing</a></li>

var p = <p>1</p>

$("div").append( p )                                           //在选定的元素中内部的末尾处插入,即，<div>tesing <p>1</p></div>

$("div").prepend( p )                                        //在选定的元素中内部的开头处插入，即，<div><p>1</p>tesing</div>

$("div").before( p )                                            //在选定的元素中外部的开头处插入，即，<p>1</p><div>tesing </div>

$("div").after( p )                                                //在选定的元素中外部的结尾处插入，即，<div>tesing</div><p>1</p>

$("div).insertbefor( p )                                      //实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面

$("div).insertbefor( p )                            实际上，使用这个方法是颠倒了常规的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面

$("p").wrap("<div id = "item"></div>")               //在选定元素中加入对应的标签进行包裹，'.wrap()'为每一个匹配的元素都包裹一次，即,<div id = "item"><p>1</p></div>

unwrap,wrapInner, wrapAll,,,,都是添加或删除相遇的标签

$("").wrapAll                                           //将所有匹配的元素用单个元素包裹起来，'.wrap()'为每一个匹配的元素都包裹一次，而wrapAll()检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素,并为这个祖先元素进行包裹。

$("p").wrapInner("<b></b>")                         // 对所选定的元素内部添加标签，如<p><b>1</b></p>

$("a").unwrap("" )                                      //这个方法将移出元素的父元素，如 $("a").unwrap("" )   // <a>testing</a>