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 相关文章推荐
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 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
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
js setattribute批量设置css样式
2009/11/26 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
js判断浏览器类型为ie6时不执行
2014/06/15 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
python 数字类型和字符串类型的相互转换实例
2018/07/17 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
校园之声广播稿
2014/01/31 职场文书
员工教育培训协议书
2014/09/27 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
行政前台岗位职责
2015/04/16 职场文书
新闻发布会新闻稿
2015/07/17 职场文书