jQuery 添加元素

append() 在被选元素的结尾插入内容，还在被选元素内

例：

<p>
  <span class="s1">s1</span> </p> <script> $("p").append('<span class="s2">s2</span>'); </script>

结果：

<p>
  <span class="s1">s1</span> <span class="s2">s2</span> </p>

prepend() 在被选元素的开头插入内容，还在被选元素内

after()  在被选元素之后插入内容，被选元素之外

<p>
  <span class="s1">s1</span> </p> <script> $("p").after('<span class="s2">s2</span>'); </script>

结果：

<p>
  <span class="s1">s1</span> </p> <span class="s2">s2</span>

before() 在被选元素之前插入内容，被选元素之外