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() 在被选元素之前插入内容，被选元素之外