jquery-插入兄弟元素

1、after方法
　　在匹配元素集合中的每个元素的 后面 插入参数所指定的内容，作为其兄弟节点
　　参数类型说明：
　　　　1）普通字符串(可包含各种html标签)
　　　　　　$('div').after('html字符串');
　　　　2）jQuery对象
　　　　　　①使用$函数创建的新元素(jQuery对象)
　　　　　　②使用$函数获取页面中已经有的元素(jQuery对象)
　　　　　　此时会将已有的元素移动到目标元素的后面
　　　　　　③使用clone方法克隆页面中已经有的元素(jQuery对象)
　　　　3）html元素对象、html元素对象数组
　　　　　　====以上类型的参数可传入多个，每个参数都会被插入到匹配元素的后面作为其兄弟节点！===
　　　　4）函数
　　　　　　有多少个匹配元素，这个函数就会执行多少次！
　　　　　　函数可以接受到两个参数：第一个是当前元素的序号、第二个是当前元素内的html
　　　　　　函数内部this代表当前的html元素对象
　　　　　　return 的数据就是插入的内容（可以为html元素，也可以是jQuery对象）
2、before方法
　　在匹配元素的前面插入内容，作为其兄弟节点
　　参数类型说明：
　　同上
3、insertAfter方法
　　在目标元素后面插入集合中每个匹配的元素，同after方法（插入的元素作为目标元素的兄弟元素）
　　与after区别：
　　　　使用时目标元素与插入内容的位置 颠倒
　　　　创建新元素返回的jQuery对象与
　　　　选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的元素移动到目标元素后)！
　　　　参数(表示要插入元素的目标位置)：
　　　　Selector或者jQuery对象或者html元素对象/html元素对象数组
4、insertBefore方法
　　在目标元素前面插入内容(同before)
　　与before区别：
　　　　同上！
　　　　参数(表示要插入元素的目标位置)：
　　　　同上！