JQuery元素外添加元素

after：将指定内容添加到指定元素之后，添加的内容可以是可以是文本，也可以是html字符串，还可以是数组、JQuery对象或DOM元素或选择器。当after接受一个元素选择器时，如果目标元素只有一个，那么会直接将选中的元素直接移动到目标元素后面；如果目标元素为多个，则会删除选中的元素并将选中元素复制足够的副本，然后每个目标元素后面都添加一个选中元素的副本。eg：在div元素后添加包含文本test的p元素，$('div').after("<p>test</p>")。

before：与after唯一的不同是将元素添加到前面而不是后面，eg：将包含文本test的p元素添加到div元素的前面，$("div").before("<p>test</p>")。

insertAfter：与after类似，但它们之间不同的是after是向调用after的元素后面添加指定元素，而insertAfter则是将调用insertAfter的元素添加到指定元素的后面。eg：将包含文本test的p元素添加到div元素的后面，$("<p>test</p>").appendTo("div")。

insertBefore：与before类似，但它们之间不同的是before是向调用before的元素前面添加指定元素，而insertBefore则是将调用insertBfter的元素添加到指定元素的前面。eg：将包含文本test的p元素添加到div元素的前面，$("<p>test</p>").appendTo("div")。