jQuery DOM插入节点操作指南

　　HTML代码：<p>我想说:</p>

　　jQuery代码：

　　$("p").append("<b>你好</b>");

　　结果：

　　<p>我想说:<b>你好</b></p>

　　将所有匹配的元素追加到指定的元素中

　　。实际上，使用该方法是颠倒了常规

　　的$(A).append(B)的操作，是将A追加到B中。

　　HTML代码：<p>我想说:</p>

　　jQuery代码：

　　$("<b>你好</b>").appendTo("p")

结果：

<p>我想说:<b>你好</b></p>

HTML代码：<p>我想说:</p>

jQuery代码：

$("p").prepend("<b>你好</b>")

结果：

<p><b>你好</b>我想说：</p>

　　将所有匹配的元素前置到指定的元素中

　　。实际上，使用该方法是颠倒了

　　常规$(A).prepend(B)操作。

HTML代码：<p>我想说:</p>

jQuery代码：

$("<b>你好</b>").prependTo("p")

结果：

<p><b>你好</b>我想说：</p>

HTML代码：<p>我想说:</p>

jQuery代码：

$("p").after("<b>你好</b>")

结果：

<p>我想说：</p><b>你好</b>

　　将所有匹配的元素插入到指定元

　　素的后面，实际上，使用该方法

　　是颠倒了常规的$(A).after(B)操作

HTML代码：<p>我想说:</p>

jQuery代码：

$("<b>你好</b>").insertAfter("p")

结果：

<p>我想说：</p><b>你好</b>

HTML代码：<p>我想说:</p>

jQuery代码：

$("p").before("<b>你好</b>")

结果：

<b>你好</b><p>我想说：</p>

　　将所以匹配的元素插入到指

　　定的元素的前面。实际上，

　　使用该方法是颠倒了常规

　　的$(A).before(B)的操作。

HTML代码：<p>我想说:</p>

jQuery代码：

$("<b>你好</b>").insertBefore("p")

结果：

<b>你好</b><p>我想说：</p>