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中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
JS获取网页图片name属性的方法
Apr 01 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
详解Angularjs 自定义指令中的数据绑定
Jul 19 Javascript
vue中的watch监听数据变化及watch中各属性的详解
Sep 11 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
微信小程序数据统计和错误统计的实现方法
Jun 26 Javascript
Vue.js 无限滚动列表性能优化方案
Dec 02 Javascript
vue 数据双向绑定的实现方法
Mar 04 Vue.js
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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
php !function_exists("T7FC56270E7A70FA81A5935B72EACBE29"))代码解密
2011/01/07 PHP
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
layui分页效果实现代码
2017/05/19 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
Python常用正则表达式符号浅析
2014/08/13 Python
Python封装shell命令实例分析
2015/05/05 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
详解python中init方法和随机数方法
2019/03/13 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
测试工程师职业规划书
2014/02/06 职场文书
创先争优活动承诺书
2014/08/30 职场文书
财务经理岗位职责
2015/01/31 职场文书
新闻稿标题
2015/07/18 职场文书
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python
python基础之类属性和实例属性
2021/10/24 Python
解决redis批量删除key值的问题
2022/03/23 Redis