jquery插入节点的方法

1. append()

例子:

<p>我想说：</p>

jq:

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

result:

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

2. appendTo()

例子:

<p>我想说：</p>

jq:

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

result:

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

3.prepend()

例子:

<p>我想说：</p>

jq:

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

result:

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

4.prependTo()

例子:

<p>我想说：</p>

jq:

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

result:

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

5.after()

例子:

<p>我想说：</p>

jq:

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

result:

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

6.insertAfter()

例子:

<p>我想说：</p>

jq:

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

result:

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

7.before()

例子:

<p>我想说：</p>

jq:

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

result:

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

8.insertBefore()

例子:

<p>我想说：</p>

jq:

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

result:

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