hasschi

我相信你應該是混亂了，
jquery 的 before、after、prepend、append都是dom的操作
你所宣告的list 雖然是jquery對像但他確實是實際存在的dom

在reset的程式裡
$("#table").append(list[i ]);
你應該要理解成：
jquery「移動」了DOM，並不是新增、刪除的動作

實際來看一下 RESET 內會發生什麼事：
list 為 [tr#1, tr#2, tr#3, tr#4]   //我只是簡單表達一下，裡面的還是jquery對像

> i = 0,
> 0 < 4
> $("#table").append(list[0])
#table
    tr#2
    tr#3
    tr#4
    tr#1     //你將上面的tr#1 移動到這邊

> i = 1
> 1 < 4
> $("#table").append(list[1])
#table   
    tr#3
    tr#4
    tr#1
    tr#2

> i = 2
> 2 < 4
> $("#table").append(list[2])
#table      
    tr#4
    tr#1
    tr#2
    tr#3

> i = 3
> 3 < 4
> $("#table").append(list[3])
#table   
    tr#1
    tr#2
    tr#3
    tr#4

> i = 4
> 4 < 4  //false,結束

簡單來說你將4個tr 依序移動到了table的尾端