html动态元素和静态元素，以及如何给未来元素绑定事件

静态元素：写死在html的元素

动态（未来）元素：通过js后来生成的代码

举例

 for(var i=0;i<arr.length;i++){
     //append是追加函数，是在原数据上面追加，经常搭配 $(".class名").empty()使用，先清空再追加
     //避免数据冗余
     //js弱类型，可用用单双引号切换来标识双引号内的双引号，java要转义
     $(".content").append("<tr>"+
                          "<td><input type='checkbox'></td>"+
                          "<td>"+arr[i].id+"</td>"+
                          "<td>"+arr[i].title+"</td>"+
                          "<td>"+arr[i].desc+"</td>"+
                          "<td>"+arr[i].author+"</td>"+
                          "<td>"+arr[i].createtime+"</td>"+
                          "<td>"+
                          "<input type='button' class='remove' index='"+arr[i].id+"' value='删除'>"+
                          "<input type='button' class='update' index='"+arr[i].id+"' value='修改'>"+
                          "</td>"+
                          "</tr>")
 }

给动态元素绑定事件

用法

 $("已存在的静态元素class名").on("事件类型","未来元素class名",function (){

    })

 //删除
//click只能实现点击事件
$(".remove").click(function (){

})
//用on可用通过选择不同的方法实现不同的效果
$(".remove").on("click",function (){

})

上面两个代码都可以给class为remove的静态元素添加绑定事件

但是给动态（未来）元素绑定事件只能使用on-----借助已有的静态元素寻找动态元素

class为remove的动态元素在class为content的子元素

 $(".content").on("click",".remove",function (){

    })