插入节点的方法

• 插入节点的八种方法

　　下面的例子html代码为

我是内容

1. append()&＃xff1a;向每个匹配的ul元素内部追加内容B　

$("ul").append("

第一个li

")

结果&＃xff1a;

我是内容
• 第一个li

　　2.  appendTo()&＃xff1a;将匹配的内容B追加到ul元素中

$("

第二个li

").appendTo("ul")

结果&＃xff1a;

我是内容
• 第二个li

　　3.  prepend()&＃xff1a;向每个匹配到的元素ul内容中前置内容B

 

$("ul").prepend("

第三个li

")
结果&＃xff1a;

• 第三个li
我是内容

 

　　4.  prependTo()&＃xff1a;将需所有匹配的元素前置到指定的元素ul中

 

$("

第四个li

").prependTo("ul")

结果&＃xff1a;

• 第四个li
我是内容

 　　5. after()&＃xff1a;在匹配的元素之后插入内容

$("ul").after("

第5个方法

")
结果&＃xff1a;

我是内容

第5个方法

 　　6.  insertAfter()&＃xff1a;将所有匹配的元素插入到指定的内容后面。

$("

第六个方法

").insertAfter("ul")

结果&＃xff1a;

我是内容

第六个方法

 　　7. before()&＃xff1a;在每个匹配的元素之前插入内容

$("ul").before("

第七个方法

")
结果&＃xff1a;

第七个方法

我是内容

　　8.  insertBefore()&＃xff1a;　将所有匹配的元素插入到指定的元素前面。

$("

第八个方法

").insertBefore("ul")

结果&＃xff1a;

第八个方法

我是内容