Jquery—創建表格

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 

發佈了71 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章