雖然都是JQuery中新增元素的快速方法，但是具有本質區別

append/prepend針對元素的內容(元素的內部)，因此在使用他們新增元素時，會在元素內容的最後或者最前新增。

after/before僅僅針對元素(元素的外部)，他們的新增效果會在元素外部顯現，具體自己體會

function addRow(){
    var $tr = $("tbody");
    var trHtml =
        '<tr>'
            + '<td class = "xuhao">' + '</td>' +
            '<td>' + '<img src = "./pics/chakan.png" class = "chakan" />' + '</td>' +
            '<td>' + '<img src = "./pics/xiugai.png" class = "xiugai" />' + '</td>' +
            '<td>' + '<img src = "./pics/shanchu.png" class = "shanchu" />' + '</td>' +
            '<td class = "xingming" >' + '</td>' +
            '<td class = "zhanghao" >' + '</td>' +
            '<td class = "bumen" >' + '</td>' +
            '<td class = "xingbie" >' + '</td>' +
            '<td class = "paixuhao" >' + '</td>' +
            '<td class = "sfjy" >' + '</td>' +
        '</tr>';
    $tr.append(trHtml);
}