jQuery的on方法绑定事件
2015-08-06 15:47
579 查看
bind()
delegate()
live()
以上三种方法在jquery 1.8以后不推荐使用,1.9版本时已经取消了live()方法,建议使用on()方法代替
如果需要移除on()绑定的事件,可以使用off()方法
on()方法可适用于绑定未创建的元素,例子:
$('.btnCrop').click(function(){
var img = cropper.getDataURL();
$('.cropped ul li').length < 4 && $('.cropped ul').append("<li><img src='"+img+"'><a href='javascript:void(0);'>×</a></li>") || alert("最多上传4张图片");
});
$('.cropped ul').on("click","a",function(){
$(this).parent('li').remove();
});
注意使用on()方法的第二个参数来绑定元素
http://www.cnblogs.com/leejersey/p/3545372.html
delegate()
live()
以上三种方法在jquery 1.8以后不推荐使用,1.9版本时已经取消了live()方法,建议使用on()方法代替
如果需要移除on()绑定的事件,可以使用off()方法
on()方法可适用于绑定未创建的元素,例子:
$('.btnCrop').click(function(){
var img = cropper.getDataURL();
$('.cropped ul li').length < 4 && $('.cropped ul').append("<li><img src='"+img+"'><a href='javascript:void(0);'>×</a></li>") || alert("最多上传4张图片");
});
$('.cropped ul').on("click","a",function(){
$(this).parent('li').remove();
});
注意使用on()方法的第二个参数来绑定元素
http://www.cnblogs.com/leejersey/p/3545372.html
相关文章推荐
- jQuery UI vs EasyUI
- PHP+jquery实现的三级联动
- jquery load方法用法详解
- ajaxFileUpload 报这错jQuery.handleError is not a function 博客分类: WEB前端jquery
- jQuery的选择器中的通配符[id^='code']
- jquery判断值是否存在于数组中
- jQuery mask
- PHP+jQuery+Ajax+Mysql如何实现发表心情功能
- 省市地区三级联动弹出层Jquery特效
- Jquery 判断radio,selelct,checkbox是否选中
- jquery 预览并自增 上传图片
- HTML事件冒泡和JQuery阻止事件冒泡的方式
- jquery 其他api操作
- JQuery星星评级
- jquery on绑定类似hover的功能
- jQuery设置和移除文本框默认值
- jQuery日常使用1
- jquery合并表格或者flexGridView
- jquery实现仿新浪微博评论滚动效果
- Jquery+Ajax+Json+存储过程实现高效分页