jQuery 插入方法异同

差异

无论是内部插入还是外部插入，只有选择器在前的方法可以使用函数来附加内容，
也就是append(),prepend(),before(),after()这四个方法。
以上四个方法支持多参数处理；
appendTo(),prependTo(),insertBefore(),insertAfter()不支持多参数处理。

DOM内部插入(插在父元素集合内)

1. append()
定义和用法
append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
语法
$(selector).append(content)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。

使用函数来附加内容
使用函数在指定元素的结尾插入内容。
语法
$(selector).append(function(index,html))

参数	描述
function(index,html)	必需。规定返回待插入内容的函数。
	index - 可选。接收选择器的 index 位置.
	html - 可选。接收选择器的当前 HTML。

2.appendTo()
定义和用法
appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。
语法
$(content).appendTo(selector)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。
selector	必需。规定把内容追加到哪个元素上。

3.prepend()
定义和用法
prepend() 方法在被选元素的开头（仍位于内部）插入指定内容。
语法
$(selector).prepend(content)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。

使用函数来附加内容
使用函数在被选元素的开头插入指定的内容。
语法
$(selector).prepend(function(index,html))

参数	描述
function(index,html)	必需。规定返回待插入内容的函数。
	index - 可选。接收选择器的 index 位置.
	html - 可选。接收选择器的当前 HTML。

4.prependTo()
定义和用法
prependTo() 方法在被选元素的开头（仍位于内部）插入指定内容。
语法
$(content).prependTo(selector)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。
selector	必需。规定把内容追加到哪个元素上。

DOM外部插入(插在兄弟元素前后)

1.after()
定义和用法
after() 方法在被选元素后插入指定的内容。
语法
$(selector).after(content)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。

使用函数来插入内容
使用函数在被选元素之后插入指定的内容。
语法
$(selector).after(function(index))

参数	描述
function(index)	必需。规定返回待插入内容的函数。
	index - 可选。接收选择器的 index 位置。

2.before()
定义和用法
before() 方法在被选元素前插入指定的内容。
语法
$(selector).before(content)

参数	描述
content	必需。规定要插入的内容（可包含 HTML 标签）。

使用函数来插入内容
使用函数在指定的元素前面插入内容。
语法
$(selector).before(function(index))

参数	描述
function(index)	必需。规定返回待插入内容的函数。
	index - 可选。接收选择器的 index 位置。

3.insertAfter()
定义和用法
insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。
注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。
语法
$(content).insertAfter(selector)

参数	描述
content	必需。规定要插入的内容。可能的值：选择器表达式 or HTML 标记
selector	必需。规定在何处插入被选元素。

4.insertBefore()
定义和用法
insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。
注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之前。
语法
$(content).insertBefore(selector)

参数	描述
content	必需。规定要插入的内容。可能的值：选择器表达式 or HTML 标记
selector	必需。规定在何处插入被选元素。