jquery 使用on方法给元素绑定事件
2017-08-14 14:43
1006 查看
on方法在1.7版本中开始出现的,现在已经优先考虑on,并不是bind方法了。
on( events [,selector] [,data] ,handler)
event:为事件类型,可以有多个事件类型。
selector:可选,过滤绑定在on方法上的后代元素。注:如果有selector,on方法是采用事件代理,这样可以提升代码性能。
data:可选,当事件被触发时,它会传给event.data,从而可以加以利用
handler:当事件被触发时,执行的方法。
$(document).on("blur","#padRadius",{name:"vichin"},function(event){ alert(event.data.name) });
$(document).on("blur", "#padRadius", function () { alert("hello word!"); });
等同于bind的用法
$("#div1").on("click",function(){ alert("Hello word"); });
$("#div1").click(function(){
});
这种写法在1.7之前是bind的简写,在1.7之后,就是on的简写
解绑:
$("#div1").off("click");
相关文章推荐
- jquery使用on()方法绑定元素阻止事件冒泡问题
- jQuery使用on()方法给动态生成元素绑定事件
- jquery绑定事件的方法on中获取当前所在元素及子元素的方式
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- jquery新的绑定事件机制on方法的使用方法
- jQuery 查找on事件绑定元素的被绑定元素方法
- JQuery中使用on方法绑定hover事件实例
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jquery新的绑定事件机制on方法的使用方法
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 【笔记】jQuery中on()与delegate()方法给动态添加元素绑定事件
- jQuery的三种bind/One/Live/On事件绑定使用方法
- 深入理解jquery新的绑定事件机制on方法的使用
- 深入理解jquery新的绑定事件机制on方法的使用(推荐)
- JQuery中使用on方法绑定hover事件实例
- 【jQuery】使用one()方法绑定元素的一次性事件
- Jquery对动态添加进去的元素无法使用on绑定事件处理
- jQuery的三种bind/One/Live/On事件绑定使用方法
- [jquery] 给动态生成的元素绑定事件 on方法