jQuery实现在元素的不同位置插入元素（内部插入和外部插入）

内部插入

1.append()

append()方法可以在某元素的尾部插入元素，插入的元素作为最后一个子元素。

浏览器图标

    

    

2.appendTo()

appendTo()方法将匹配元素插入到目标元素的最后面。与append()方法操作相反。

$(".aa").append($("h2"));
等同于
$("h2").appendTo($(".aa"));

3.prepend()

prepend()方法能够把参数指定的内容插入到指定的节点中，并返回一个jQuery对象。指定的内容被插入到每个匹配元素里面的最前面，作为它的第一个子元素。

浏览器图标

    

    

外部插入

1.after()

after()方法能够根据设置的参数在每一个匹配的元素之后插入内容。

2.insertAfter()

insertAfter()与after()方法功能相同，但用法相反。

$("li mag").after($("注释文本"));
等同于：
$("注释文本").insertAfter($("li mag"));

3.before()

before()方法为每个匹配的元素之前插入内容。