JQuery live函数


Posted in Javascript onDecember 24, 2010

摘自 jQuery 1.4.1 中文参考:

事件委托

.live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。在我们的例子中,当点击新的元素后,会依次发生下列步骤:

  1. 生成一个click事件传递给 <div> 来处理
  2. 由于没有事件处理函数直接绑定在 <div> 上,所以事件冒泡到DOM树上
  3. 事件不断冒泡一直到DOM树的根节点,默认情况下上面绑定了这个特殊的事件处理函数。
  4. 执行由 .live() 绑定的特殊的 click 事件处理函数。
  5. 这个事件处理函数首先检测事件对象的 target 来确定是不是需要继续。这个测试是通过检测 $(event.target).closest('.clickme') 能否找到匹配的元素来实现的。
  6. 如果找到了匹配的元素,那么调用原始的事件处理函数。

由于只有在事件发生时才会在上面的第五步里做测试,因此在任何时候添加的元素都能够响应这个事件

Javascript 相关文章推荐
jquery提示 &quot;object expected&quot;的解决方法
Dec 13 Javascript
node.js中的http.response.end方法使用说明
Dec 14 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
javascript中json基础知识详解
Jan 19 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
Vue 中使用 typescript的方法详解
Feb 17 Javascript
jquery 单击li防止重复加载的实现代码
Dec 24 #Javascript
基于jquery的关于动态创建DOM元素的问题
Dec 24 #Javascript
在JavaScript中获取请求的URL参数
Dec 22 #Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 #Javascript
jQuery Clone Bug解决代码
Dec 22 #Javascript
修改jquery.lazyload.js实现页面延迟载入
Dec 22 #Javascript
jquery插件 autoComboBox 下拉框
Dec 22 #Javascript
You might like
PHP详细彻底学习Smarty
2008/03/27 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
JavaScript 开发中规范性的一点感想
2009/06/23 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
大学自主招生自荐信
2013/12/16 职场文书
商场中秋节广播稿
2014/01/17 职场文书
毕业自我评价
2014/02/05 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
班级心理活动总结
2014/07/04 职场文书
工资证明格式模板
2015/06/12 职场文书
篮球赛新闻稿
2015/07/17 职场文书
2016年元旦致辞
2015/08/01 职场文书
一文搞懂如何实现Go 超时控制
2021/03/30 Python
如何自己动手写SQL执行引擎
2021/06/02 MySQL
「天才王子的赤字国家重生术」妮妮姆·拉雷粘土人开订
2022/03/21 日漫
MySQL主从切换的超详细步骤
2022/06/28 MySQL