jquery系列之三 append 和 appendTo 的区别

看下面的例子(在 id 为alist的table中插入行):

$.each([1,2,3], function(i, item){

   var row='<tr><td>' + item + '</td></tr>';

   ar= $('#alist tbody').append(ar);

});

(原文链接 http://ddbiz.com/?p=160)

在每一个循环中， ar 都为 $('#alist tbody') 的全部内容，如：

 

loop 1:

  ar = <tr><td>1</td></tr>

 

loop 2:

  ar = <tr><td>1</td></tr><tr><td>2</td></tr>

 

loop 3:

  ar = <tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr>

 

 

再看看下面的例子(在 id 为alist的table中插入行):

$.each([1,2,3], function(i, item){

   var row='<tr><td>' + item + '</td></tr>';

   ar=(row).appendTo($('#alist tbody');

});

 

在每一个循环中， ar 都为 $('#alist tbody') 当前插入的内容，如：

 

loop 1:

  ar = <tr><td>1</td></tr>

 

loop 2:

  ar = <tr><td>2</td></tr>

 

loop 3:

  ar = <tr><td>3</td></tr>

 

这种区别在动态绑定行行为的时候很有用。

$.each([1,2,3], function(i, item){

   var row='<tr><td>' + item + '</td></tr>';

   ar= $('#alist tbody').append(ar);

   $(ar).find('tr').click(dosometing);

});

 

此种绑定将为每一行都绑定3次触发。

(原文链接 http://ddbiz.com/?p=160)