本文主要是介绍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)
这篇关于jquery系列之三 append 和 appendTo 的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!