JQuery 创建节点的办法

1.append 向每个匹配元素内部追加内容

<scripttype="text/javascript">

    $(function(){

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

    });

    </script>

HTML:

<p>Jquery</p>

输出：<p>Jquery<b>你好</b></p>

2.appendTo 将所有匹配的元素添加到指定的元素中

<scripttype="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p>Jquery<b>你好</b></p>

3.prepend 向每个匹配的元素内前置内容

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p><b>你好</b>Jquery</p>

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

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p><b>你好</b>Jquery</p>

5.after在每个元素后面插入内容

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p>Jquery<</p>b>你好</b>

6.insertAfter将所有匹配的元素插入到指定元素的后面

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p>Jquery</p><b>你好</b>

7.before在每个匹配元素之前插入内容

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<p>Jquery</p><b>你好</b>

8.insertBefore将所有匹配的元素插入到指定的元素前面

<script type="text/javascript">

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

</script>

HTML:

<p>Jquery</p>

输出:<b>你好</b><p>Jquery</p>