操作~DOM 插入, 外部插入~after()insertAfter()before()insertBefore()

after();

<p class="box"></p>

<i>文本</i>

$('.box').after('<i>文本</i>')

会将文本添加到box对象节点的后面同级节点

支持传入多种数据形式

1.字符串型 '<div></div>'

2.JQ类型　$('.box')　　==>会将原来的对象搬迁到指定位置

3.创建对象　　document.createElement('div') 或者 $('<div class="box"/>')

before()

<i>文本</i>

<p class="box"></p>

$('.box').before('<i>文本</i>')

会将文本添加到box对象节点的前面同级节点

传值类型与after方法一样

insertAfter()和insertBefore()

与after()和before()使用方法与传参一样

两者的区别是对象在后面参数在前面和appendTo和prependTo差不多意思

$('<i>内容</i>').insertAfter('.box');

<p class="box"></p>

<i>文本</i>