jQueryDOM操作之插入节点方法

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

我想说:你好

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

。实际上&＃xff0c;使用该方法是颠倒了常规

的$(A).append(B)的操作&＃xff0c;是将A追加到B中。

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

我想说:你好

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

你好我想说&＃xff1a;

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

。实际上&＃xff0c;使用该方法是颠倒了

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

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

你好我想说&＃xff1a;

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

我想说&＃xff1a;

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

素的后面&＃xff0c;实际上&＃xff0c;使用该方法

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

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

我想说&＃xff1a;

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

你好

我想说&＃xff1a;

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

定的元素的前面。实际上&＃xff0c;

使用该方法是颠倒了常规

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

HTML代码&＃xff1a;

我想说:

jQuery代码&＃xff1a;

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

结果&＃xff1a;

你好

我想说&＃xff1a;