jQuery如何追加tr到table中

jQuery添加新内容有以下4个方法：

1. append（）-在被选元素的结尾插入内容
2. prepend（）-在被选元素的插入内容
3. after（）-在被选元素之后插入内容
4. before（）-在被选元素之前插入内容

下面实例演示：点击按钮则在表格数据区增加一行

1、HTML结构

<table id="test">
      <thead>
             <tr><th>列1</th><th>列2</th><th>列3</th></tr>
       </thead>
       <tbody>
               <tr><td>1</td><td>1</td><td>2</td></tr>
                <tr><td>2</td><td>4</td><td>5</td></tr>
        </tbody>
</table>
<input type="button" id="btn1" value="在开头增加">
<input type="butttom" id="btn2" value="在末尾增加">

2、jQuery代码

$(function(){
         $("#btn1").click(function(){
                 $("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>');
                   });
           $("#btn22").click(function(){
                    $("#test tbody").append('<tr><td></td><td></td><td></td></tr>');
                    });
});