JQuery的append(),appendTo(),prepend(),prependTo()用法

前端页面在通过ajax加载数据的时候，通常会通过返回的数据重新加载一个页面的数据或者表格，可以通过

js先清空一个table的数据，然后循环遍历数据，每次循环新建一个标签，然后再把tr添加到table的结尾

的方式重新渲染数据。

JQuery的append()和appendTo()函数可以帮助我们实现这个处理。

在每个P元素结尾插入span元素。
这是一个段落。
这是另一个段落。

点击按钮后会在

内嵌元素，且内嵌在

在最后一个内嵌元素的后面。

append()和appendTo()函数没什么区别，主要是append()可以传入一个函数append(function(index,html))；其中

function()是必需的，参数index和html都是可选的。

prepend()函数类似于append()函数，不过prepend()函数内嵌的的元素会成为第一个内嵌元素，也就是放在首位。

prependTo()函数也是放在内嵌元素首位。

加载table数据的例子：

//data是后台传来的值
var empData = data.empData;
var tr;
$("#mytable").empty();//先清空全部内嵌元素
var th ="表头";
$("#mytable").append(th);
for(i in empData){
	tr = ""+empData[i].data+"";
	$("#mytable").append(tr);
}



//元素

表头

appendChild

appendChild() 是原生js的函数，跟append用法一样，也是在元素内嵌元素的最后一个子节点后面添加元素，

但是该函数返回新的子节点

元素