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中ajax学习笔记4
Oct 16 Javascript
JQuery for与each性能比较分析
May 14 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
js实现鼠标经过表格行变色的方法
May 12 Javascript
Bootstrap基础学习
Jun 16 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
js实现碰撞检测
Jan 29 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查询附近的人及其距离的实现方法
2016/05/11 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
2015/02/28 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
js面向对象编程总结
2017/02/16 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
Python 错误和异常代码详解
2018/01/29 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
CSS3按钮鼠标悬浮实现光圈效果源码
2016/09/11 HTML / CSS
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
全球性的在线商店:Vogca
2019/05/10 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
优秀团员主要事迹材料
2015/11/05 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
八年级作文之友情
2019/11/25 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript