jquery的append函数

jquery的append函数是在取出的元素(或标签)内部的尾部添加一个元素。

例子如下：

有下面一段html代码：

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

然后通过一行代码可以得到下面的代码：

$('.inner').append('<p>Test</p>');//在class="inner“内部添加p

//下面是得到的结果：

<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    Hello
    <p>Test</p>
  </div>
  <div class="inner">
    Goodbye
    <p>Test</p>
  </div>
</div>

还可以把一个元素添加到另一个元素下面：

$('.container').append($('h2')); //把h2添加到class="container”

//下面是结果：
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>

本例来源：http://api.jquery.com/append/