【jQuery】append()とprepend()の動作

<input id="addList" type="button" value="挿入テスト" />

<table>
	<div id="roomList"></div>
	<tr><td>a</td><td>b</td></tr>
	<tr><td>e</td><td>f</td></tr>
</table>

このテーブルにprependとappendでそれぞれ挿入してみる

var counter
$("#addList").click(function(){
　　　$("#List").prepend("<tr><td>" + counter + "</td><td>" + counter+ "</td></tr>");
　　　//$("#List").append("<tr><td>" + counter + "</td><td>" + counter+ "</td></tr>");
     counter++;
      });

『prependの場合』：あとの挿入ほど上へ

4 4
3 3
2 2
1 1
0 0
a b
e f

『appendの場合』：あとの挿入ほど下へ

0 0
1 1
2 2
3 3
4 4
a b
e f