Jquery元素节点

节点的插入添加与插入的区别在于增加节点的位置的不同after（）方法是在每个匹配的元素之后插入内容。

参数：

1.Html代码：

2.向id为“box”的div后插入标签<p>

3.结果：

同理：before（）方法在每个匹配的元素之前插入内容。

参数：

4.向id为“box”的div前插入标签<p>

5.结果：

6.当after（）方法与before（）方法同时使用时

或是

结果：

7.insertAfter（）方法把所有匹配的元素插入到另一个、指定的元素集合的后面。

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

参数：

8. 使用insertAfter（）方法向id为“box”的div前插入标签<p>

9.结果：

同理：insertBefore（）方法把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

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

参数：

10. 使用insertBefore（）方法向id为“box”的div前插入标签<p>

11.结果：

总结：after（）与before（）不同于append（）&& appendTo（）方法，当作用于同一对对象时，前者有固定的先后顺序，而后者则是通过代码的执行顺序进行添加元素节点

而appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法