jquery1.10给新增元素绑定事件的方法


Posted in Javascript onMarch 06, 2014

jquery1.10去除了.live()方法,新增了一个.on()方法来给元素绑定事件,具体用法如下:

on(events,[selector],[data],fn)

$("#dataTable tbody tr").on("click", function(event){ 
alert($(this).text()); 
});

上面这中方法对所有的这个tr绑定了事件,但是对于新增的元素无法绑定事件。
$("#dataTable tbody").on("click", "tr", function(event){ 
alert($(this).text()); 
});

上面这种方法给tbody绑定了一个事件,其中的tr如果是新增的元素,统一可以触发这个click事件。
Javascript 相关文章推荐
Js动态创建div
Sep 25 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
浅谈vuex之mutation和action的基本使用
Aug 29 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
Vue+ElementUI table实现表格分页
Dec 14 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 Javascript
jquery单行文字向上滚动效果示例
Mar 06 #Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 #Javascript
在Firefox下js select标签点击无法弹出
Mar 06 #Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 #Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 #Javascript
Jquery easyUI 更新行示例
Mar 06 #Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 #Javascript
You might like
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
php&mysql 日期操作小记
2012/02/27 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
document.documentElement && document.documentElement.scrollTop
2007/12/01 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
Angularjs实现上传图片预览功能
2017/09/01 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
[16:56]教你分分钟做大人:司夜刺客
2014/10/30 DOTA
[00:35]可解锁地面特效
2018/12/20 DOTA
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
Python库安装速度过慢解决方案
2020/07/14 Python
悦木之源美国官网:Origins美国
2016/08/01 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
兼职业务员岗位职责
2014/01/01 职场文书
县政协领导班子群众路线教育实践活动四风问题整改方案
2014/10/26 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
学习nginx基础知识
2021/09/04 Servers
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL