jQuery DOM插入节点操作指南

HTML代码：

我想说:

jQuery代码：

$("p").append("你好");

结果：

我想说:你好

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

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

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

HTML代码：

我想说:

jQuery代码：

$("你好").appendTo("p")

结果：

我想说:你好

HTML代码：

我想说:

jQuery代码：

$("p").prepend("你好")

结果：

你好我想说：

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

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

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

HTML代码：

我想说:

jQuery代码：

$("你好").prependTo("p")

结果：

你好我想说：

HTML代码：

我想说:

jQuery代码：

$("p").after("你好")

结果：

我想说：

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

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

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

HTML代码：

我想说:

jQuery代码：

$("你好").insertAfter("p")

结果：

我想说：

HTML代码：

我想说:

jQuery代码：

$("p").before("你好")

结果：

你好

我想说：

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

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

使用该方法是颠倒了常规

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

HTML代码：

我想说:

jQuery代码：

$("你好").insertBefore("p")

结果：

你好

我想说：