jQuery节点的添加和插入

1)父元素.append(子元素)方法函数

描述：在父元素的最后面添加子元素 示例：

html代码： <p>我想说：</p>

jQuery代码：

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

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

2)子元素.appendTo(父元素)方法函数

描述：将子元素追加到父元素的最后面。

示例： html代码： <p>我想说：</p>

jQuery代码： $("<b>你好</b>").appendTo("p");

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

3)父元素.prepend(子元素)方法函数

描述：将子元素追加到父元素的最前面

示例： html代码：<p>我想说：</p>

jQuery代码： $("p").appendTo("<b>你好</b>");

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

4)子元素.prependTo(父元素)方法函数

描述：将子元素追加到父元素的最前面

示例：

html代码： <p>我想说：</p>

jQuery代码： $("<b>你好</b>").appendTo("p");

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

5)元素A.after(元素B)方法函数

描述：将元素B插入到元素A的后面，但不在元素A内部。

示例： html代码： <p>我想说：</p>

jQuery代码：$("p").after("<b>你好</b>");

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

6)元素A.insertAfter(元素B)方法函数

描述：将元素A插入到元素B后面，但不在元素B内部。

示例： html代码： <p>我想说：</p>

jQuery代码： $("<b>你好</b>").after("p");

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

7)元素A.before(元素B)方法函数

描述：将元素B插入到元素A的前面，但不在元素A内部。

示例： html代码： <p>我想说：</p>

jQuery代码： $("p").before("<b>你好</b>");

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

8)元素A.insertBefore(元素B)方法函数

描述：将元素A插入到元素B的前面，但不在元素B内部。

示例：

html代码： <p>我想说：</p>

jQuery代码： $("<b>你好</b>").insertBefore("p");

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