Jquery—创建表格

来源:互联网 发布:js删除数组第二个元素 编辑:程序博客网 时间:2024/06/01 09:36
var table=$('<table border="1">');
for(var i=0;i<5;i++){
var tr=$('<tr></tr>');
tr.appendTo(table);
for(var j=0;j<5;j++){
var td=$('<td>'+j+'</td>');
tr.append(td);
}
}

$('body').append(table);

很多新手朋友们对append和appendTo的区别以及js中的appendChild用法有所模糊,下面就举例为大家详细介绍下,感兴趣的朋友不要错过
append()前面是要选择的对象,后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象

实例:
$('#a').append('content');
$('<div>content</div>').appendTo($('#a'));

注意appendTo前面一定要是Jquery对象。

appendChild(Node)这个 方法一般是在指定元素节点的最后一个子节点之后添加节点

但如果Node是页面中的DOM对象,那么就不是添加节点了,就是直接Move节点。

appendChild你可以理解为移动一个元素。如果想复制一份过去,要事先clone 

0 0
原创粉丝点击