编程 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打印纸函数代码（递归）

Jun 18 Javascript

JQuery each()嵌套使用小结

Apr 18 Javascript

JS基于面向对象实现的放烟花效果

May 07 Javascript

EasyUI Pagination 分页的两种做法小结

Jul 09 Javascript

js获取地址栏中传递的参数(两种方法)

Feb 08 Javascript

js input输入百分号保存数据库失败的解决方法

May 26 Javascript

vue-cli配置环境变量的方法

Jul 09 Javascript

JavaScript中join()、splice()、slice()和split()函数用法示例

Aug 24 Javascript

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解

Dec 11 Javascript

js设置默认时间跨度过程详解

Jul 17 Javascript

element-ui 实现响应式导航栏的示例代码

May 08 Javascript

解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)

Jul 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 上传文件大小限制

2009/07/05 PHP

2011/01/13 PHP

PHP 过滤页面中的BOM(实现代码)

2013/06/29 PHP

php实现删除指定目录下相关文件的方法

2014/10/20 PHP

对PHP PDO的一些认识小结

2015/01/23 PHP

Javascript 去除数组的重复元素

2010/05/04 Javascript

《JavaScript高级程序设计》阅读笔记（一） ECMAScript基础

2012/02/27 Javascript

JavaScript判断DOM何时加载完毕的技巧

2012/11/11 Javascript

地址栏传递中文参数乱码在js里用escape转码

2013/08/28 Javascript

node.js中的fs.appendFileSync方法使用说明

2014/12/17 Javascript

javascript鼠标右键菜单自定义效果

2020/12/08 Javascript

JavaScript实现左右下拉框动态增删示例

2017/03/09 Javascript

详解webpack 入门与解析

2018/04/09 Javascript

JS实现数组去重及数组内对象去重功能示例

2019/02/02 Javascript

Vue封装的组件全局注册并引用

2019/07/24 Javascript

微信小程序嵌入腾讯视频源过程详解

2019/08/08 Javascript

Python入门篇之字符串

2014/10/17 Python

Python语言实现机器学习的K-近邻算法

2015/06/11 Python

ansible作为python模块库使用的方法实例

2017/01/17 Python

python出现"IndentationError: unexpected indent"错误解决办法

2017/10/15 Python

python交互式图形编程实例（二）

2017/11/17 Python

python如何统计序列中元素

2020/07/31 Python

Ubuntu下Python2与Python3的共存问题

2018/10/31 Python

python中的测试框架

2020/11/13 Python

LightInTheBox法国站：中国跨境电商

2020/03/05 全球购物

波兰汽车配件网上商店：iParts.pl

2020/09/08 全球购物

Solaris操作系统的线程机制

2015/07/28 面试题

幼儿园母亲节活动方案

2014/03/10 职场文书

高中生学习计划书

2014/09/15 职场文书

领导班子三严三实对照检查材料

2014/09/25 职场文书

贵阳市党的群众路线教育实践活动党（工）委领导班子整改方案

2014/10/26 职场文书

李强优秀员工观后感

2015/06/16 职场文书

职场：企业印章管理制度（模板）

2019/10/18 职场文书

Oracle 死锁的检测查询及处理

2021/09/25 Oracle

python实现局部图像放大

2021/11/17 Python

什么是css原子化，有什么用？

2022/04/24 HTML / CSS