主要包括以下幾部分：（1）內部插入（2）外部插入（3）包裹（4）替換（5）刪除（6）賦值。那我們就開始詳細地看一下。
1、內部插入：向一些元素的內部插入內容
(1)append(content) :向每個匹配的元素內部追加內容，追加到元素內部的末尾，比如
描述:
向所有段落中追加一些HTML標記。
HTML 代碼:
<p>I would like to say: </p>
jQuery 代碼:
$("p").append("<b>Hello</b>");
結果:
[ <p>I would like to say: <b>Hello</b></p> ]

（2）appendTo(content) 把所有匹配的元素追加到另一個指定的元素元素集合中
描述:
把所有段落追加到ID值為foo的元素中。
HTML 代碼:
<p>I would like to say: </p>
<div></div><div></div>
jQuery 代碼:
$("p").appendTo("div");
結果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>

(3) prepend(content) 向每個匹配的元素內部前置內容
描述:
向所有段落中前置一些HTML標記代碼。
HTML 代碼:
<p>I would like to say: </p>
jQuery 代碼:
$("p").prepend("<b>Hello</b>");
結果:
[ <p><b>Hello</b>I would like to say: </p> ]

(4) prepend() 把所有匹配的元素前置到另一個、指定的元素元素集合中。
描述:
把所有段落追加到ID值為foo的元素中。
HTML 代碼:
<p>I would like to say: </p><div id="foo"></div>
jQuery 代碼:
$("p").prependTo("#foo");
結果:
<div id="foo"><p>I would like to say: </p></div>

2、內部插入：向一些元素的外部插入內容
（1）after（content）在每個匹配的元素之后插入內容。
描述:
在所有段落之后插入一些HTML標記代碼。
HTML 代碼:
<p>I would like to say: </p>
jQuery 代碼:
$("p").after("<b>Hello</b>");
結果:
<p>I would like to say: </p><b>Hello</b>

（2）before() 在每個匹配的元素之前插入內容
描述:
在所有段落之前插入一些HTML標記代碼。
HTML 代碼:
<p>I would like to say: </p>
jQuery 代碼:
$("p").before("<b>Hello</b>");
結果:
[ <b>Hello</b><p>I would like to say: </p> ]
(3)insertafter 把所有匹配的元素插入到另一個、指定的元素元素集合的后面。
描述:
把所有段落插入到一個元素之后。與 $("#foo").after("p")相同
HTML 代碼:
<p>I would like to say: </p><div id="foo">Hello</div>
jQuery 代碼:
$("p").insertAfter("#foo");
結果:
<div id="foo">Hello</div><p>I would like to say: </p>

(4)insertBefore 把所有匹配的元素插入到另一個、指定的元素元素集合的前面