jq的四种事件绑定方法:.bind()/.live()/.delegate()/.on()
$(selector).live(events, data, handler);
$(selector).live(events, data, handler);
$(document).delegate(selector, events, data, handler);
$(document).on(events, selector, data, handler);
注:events:一个包含一个JavaScript事件类型的字符串,比如”click”或”keydown,”或自定义事件的名称;data(可选):一个包含数据的对象将被传递到事件处理程序;handler:每当事件触发时执行的函数;selector:选择器。
区别
.bind()是直接绑定在元素上
.live()则是通过冒泡的方式来绑定到元素上的。绑定到document DOM节点上。和.bind()的优势是支持动态数据。
.delegate()则是更精确的小范围使用事件代理,性能优于.live()
.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制