jq中append()、prepend()、after()、before()的區別詳解

標籤：cti   開頭   operator   body   gpo   pos   -o   remove   tor   

1、append() - 在被選元素的結尾插入內容（內容的結尾，比如說有個a標籤，則是在</a>這個標籤之前添加東西）

2、prepend() - 在被選元素的開頭插入內容（內容的開始，比如說有個a標籤，則是在<a>這個標籤之後添加東西）

3、after() - 在被選元素之後插入內容（元素的結尾，比如說有個a標籤，則是在</a>這個標籤之後添加東西）

4、before() - 在被選元素之前插入內容（內容的開始，比如說有個a標籤，則是在<a>這個標籤之前添加東西）

 

 

所以我們經常用的表格元素的添加，一般用apend 和prepend ，因為是在</table>標籤之前。

比如 btn1 和btn3兩個按鈕，兩個表格，未上傳 nouploaded和已上傳uploaded。 未上傳表中選中，一行或者幾行，按btn1，那麼將這幾行資料移動到已上傳的表中。

在已上傳的表中，選中一行或者幾行，按btn3，幾行資料移動到未上傳的表中。

$(document).ready(function(){

$("#btn1").on("click",function(){
　　$(‘#nouploaded tbody :checked‘).parents(‘tr‘).appendTo(‘#uploaded‘);
　　$("#nouploaded tbody :checked").parents(‘tr‘).remove();
})
$("#btn3").on("click",function(){

　　$(‘#uploaded tbody :checked‘).parents(‘tr‘).appendTo(‘#nouploaded‘);

　　$("#uploaded tbody :checked").parents(‘tr‘).remove();
})


})

jq中append()、prepend()、after()、before()的區別詳解