jquey中的事件绑定

三种方法：

$(selector).live(events, data, handler); // jQuery 1.3+

$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+

$(document).on(events, selector, data, handler);      　// jQuery 1.7+
 
以上三种方法，data都是可选项；events参数可以为空格分开的list；
.live()不推荐使用，因为：1.(selector).live()，当文档很大时，selector耗时很严重
　　　　　　　　　　　　2.不支持方法链(important)
　　　　　　　　　　　　3.所有.live()事件都绑定在document上，处理之前经过的路径太长；
　　　　　　　　　　　　4.iOS上的click事件，对大多元素不支持冒泡到document，如果不用如下解决方法的话，click事件不能使用：
　　　　　　　　　　　　　　　　1)使用可单击元素如<a> <button>，因为这两个支持冒泡至document对象；
　　　　　　　　　　　　　　　　2)针对比document.body更低级别的元素使用.on()或.delegate()；
　　　　　　　　　　　　　　　　3)针对需要冒泡click的元素运用CSS样式cursor:pointer；
 
使用.live()绑定多个事件，如下：
 

 1 $("p").live({
 2  click: function() {
 3     $(this).after("<p>Another paragraph!</p>");
 4   },
 5   mouseover: function() {
 6     $(this).addClass("over");
 7   },
 8   mouseout: function() {
 9     $(this).removeClass("over");
10   }
11 });
View Code 
 

爱程序网

Tags：[db:关键字]