编程 Javascript

JQuery live函数

Posted in Javascript onDecember 24, 2010

摘自 jQuery 1.4.1 中文参考：

事件委托

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

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

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

JQuery live函数

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 动态获取节点代码innerHTML分析 [IE,FF]

Nov 30 Javascript

jquery判断checkbox(复选框)是否被选中的代码

Oct 20 Javascript

jQuery阻止同类型事件小结

Apr 19 Javascript

jQuery 删除/替换DOM元素的几种方式

May 20 Javascript

ECMAScript6中Map/WeakMap详解

Jun 12 Javascript

利用Angularjs和Bootstrap前端开发案例实战

Aug 27 Javascript

Canvas放置反弹效果随机图形(实例)

Aug 17 Javascript

vue webpack实用技巧总结

Apr 24 Javascript

解决layer弹层遮罩挡住窗体的问题

Aug 17 Javascript

JS中的一些常用的函数式编程术语

Jun 15 Javascript

解决vue axios跨域 Request Method: OPTIONS问题(预检请求)

Aug 14 Javascript

微信小程序实现聊天室

Aug 21 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读取IMAP邮件

2006/10/09 PHP

对PHP新手的一些建议(PHP学习经验总结)

2014/08/20 PHP

php获取Google机器人访问足迹的方法

2015/04/15 PHP

深入分析JQuery和JavaScript的异同

2014/10/23 Javascript

js中键盘事件实例简析

2015/01/10 Javascript

js图片翻书效果代码分享

2015/08/20 Javascript

javascript判断复选框是否选中的方法

2015/10/16 Javascript

Node.js 条形码识别程序构建思路详解

2016/02/14 Javascript

深入浅析JS Function()构造函数

2016/08/22 Javascript

jquery.flot.js简单绘制折线图用法示例

2017/03/13 Javascript

JavaScript中清空数组的三种方式

2017/03/22 Javascript

element ui里dialog关闭后清除验证条件方法

2018/02/26 Javascript

详解extract-text-webpack-plugin 的使用及安装

2018/06/12 Javascript

详解VUE里子组件如何获取父组件动态变化的值

2018/12/26 Javascript

实现vuex原理的示例

2020/10/21 Javascript

Python中super关键字用法实例分析

2015/05/28 Python

Python的Django框架中的数据过滤功能

2015/07/17 Python

Python中的单行、多行、中文注释方法

2018/07/19 Python

python 递归深度优先搜索与广度优先搜索算法模拟实现

2018/10/22 Python

详解Python列表赋值复制深拷贝及5种浅拷贝

2019/05/15 Python

Python配置虚拟环境图文步骤

2019/05/20 Python

python粘包问题及socket套接字编程详解

2019/06/29 Python

Python实现制度转换（货币，温度，长度）

2019/07/14 Python

pytorch中的transforms模块实例详解

2019/12/31 Python

Python+redis通过限流保护高并发系统

2020/04/15 Python

recorder.js 基于Html5录音功能的实现

2020/05/26 HTML / CSS

美国领先的礼品卡网站：GiftCards.com

2016/11/02 全球购物

Visual-Click葡萄牙：欧洲领先的在线眼镜商

2020/02/17 全球购物

德国消费电子产品购物网站：Guter Kauf

2020/09/15 全球购物

大学生学习2014全国两会心得体会

2014/03/13 职场文书

高三上学期学习自我评价

2014/04/23 职场文书

个人工作表现评语

2014/04/30 职场文书

师范学院毕业生求职信

2014/06/24 职场文书

车间核算员岗位职责

2014/07/01 职场文书

陈安之励志演讲稿

2014/08/21 职场文书

教你win10系统中APPCRASH事件问题解决方法

2022/07/15 数码科技