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>