append(content | fn)：向每個匹配的元素內部追加內容。參考：http://jquery.cuishifeng.cn/append.html

例如：向所有段落中追加一些HTML標記。

<p>I would like to say: </p>$("p").append("<b>Hello</b>");[ <p>I would like to say: <b>Hello</b></p> ]

appendTo()：這個方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中

例如：把所有段落追加到ID值為foo的元素中。

<p>I would like to say: </p><div></div><div></div>$("p").appendTo("div");<div><p>I would like to say: </p></div><div><p>I would like to say: </p></div>

prepend()：向每個匹配的元素內部前置內容

例如：向所有段落中前置一些HTML標記代碼。

<p>I would like to say: </p>$("p").prepend("<b>Hello</b>");[ <p><b>Hello</b>I would like to say: </p> ]

prependTo(content)：

把所有匹配的元素前置到另一個、指定的元素元素集合中。實際上，使用這個方法是顛倒了常規(guī)的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

例如：把所有段落追加到ID值為foo的元素中。

<p>I would like to say: </p><div id="foo"></div>$("p").prependTo("#foo");<div id="foo"><p>I would like to say: </p></div>

after()：在每個匹配的元素之后插入內容。插入的元素和被插入的元素屬于同一級，非父子級關系

例如：在所有段落之后插入一些HTML標記代碼。

<p>I would like to say: </p>$("p").after("<b>Hello</b>");<p>I would like to say: </p><b>Hello</b>

before()：在每個匹配的元素之前插入內容。

例如：在所有段落之前插入一些HTML標記代碼

<p>I would like to say: </p>$("p").before("<b>Hello</b>");[ <b>Hello</b><p>I would like to say: </p> ]

insertAfter()：把所有匹配的元素插入到另一個、指定的元素元素集合的后面。實際上，使用這個方法是顛倒了常規(guī)的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面

例如：把所有段落插入到一個元素之后。與 $("#foo").after("p")相同

<p>I would like to say: </p><div id="foo">Hello</div>$("p").insertAfter("#foo");<div id="foo">Hello</div><p>I would like to say: </p>

insertBefore()：把所有匹配的元素插入到另一個、指定的元素元素集合的前面。實際上，使用這個方法是顛倒了常規(guī)的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。