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写的一个TableView控件代码
Jan 23 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
javascript与webservice的通信实现代码
Dec 25 Javascript
jQuery点击tr实现checkbox选中的方法
Mar 19 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 Javascript
解决vuecli3中img src 的引入问题
Aug 04 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 生成随机验证码图片代码
2010/02/08 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
VUE+Element实现增删改查的示例源码
2020/11/23 Vue.js
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
Windows下使Python2.x版本的解释器与3.x共存的方法
2015/10/25 Python
python如何求解两数的最大公约数
2018/09/27 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
应届毕业生个人自我评价
2013/09/20 职场文书
个人自我鉴定怎么写
2013/10/28 职场文书
《画家乡》教学反思
2014/04/22 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers