javascript 绑定事件的几种方法

// 第一种：直接绑定在dom上
<div onclick="fun();">click</div>

// 第二种，使用onclick
document.getElementById("xxx").onclick = function(){
			
};

// 第三种：使用推荐的标准模式
document.getElementById("xxx").addEventListener("click",function(e){
			
});

//Jquert
//第一种：
$("#id").click(function() {........}

//第一种：
$("#id").bind("click",function(){........})

$("#id").live("click",function(){........})
bind和live的区别：

live方法其实是bind方法的变种，其基本功能就同bind方法的功能是一样的，都是为一个元素绑定某个事件，但是bind方法只能给当前存在的元素绑定事件，对于事后采用JS等方式新生成的元素无效，而live方法则正好弥补了bind方法的这个缺陷，它可以对后生成的元素也可以绑定相应的事件。那么live方法的这个特性是怎么实现的呢？下面来探讨一下其实现原理。