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入门—访问DOM对象方法
Jan 07 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
bootstrap datepicker的基本使用教程
Jul 09 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绘图之在图片上写中文和英文的方法
2015/01/24 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
tab栏切换原理
2017/03/22 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
vue基础之事件v-onclick="函数"用法示例
2019/03/11 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
python 装饰器的基本使用
2021/01/13 Python
匡威英国官网:Converse英国
2018/12/02 全球购物
电子商务应届生自我鉴定
2014/01/13 职场文书
目标责任书范本
2014/04/16 职场文书
抗洪救灾感谢信
2015/01/22 职场文书
黄山导游词
2015/01/31 职场文书
个人廉洁自律总结
2015/03/06 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
一行代码python实现文件共享服务器
2021/04/22 Python
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python