首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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. 如果找到了匹配的元素，那么调用原始的事件处理函数。

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

JQuery live函数

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

Javascript 相关文章推荐
jquery 表单取值常用代码
Dec 22 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
js实现左右两侧浮动广告
Jul 09 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
如何从头实现一个node.js的koa框架
Jun 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
最终幻想(1) Docker(14) 波段(1) 帝国时代(1) 西索(1) 守望先锋(1) 城市猎人(1) 巫师(1) 艾尔登法环(1) explain(2)
You might like
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
使用PHP Socket写的POP3类
2013/10/30 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
ECMAScript 创建自己的js类库
2012/11/22 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
[06:04]DOTA2国际邀请赛纪录片：Just For LGD
2013/08/11 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
深入理解Javascript中的this关键字
2015/03/27 Python
python中os包的用法
2020/06/01 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
python中pop()函数的语法与实例
2020/12/01 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios）
2016/12/15 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
澳大利亚领先的优质葡萄酒拍卖会：Langton’s Fine Wines
2019/03/24 全球购物
亚洲在线旅行门户网站：Expedia.com.hk（智游网）
2020/04/14 全球购物
EJB的几种类型
2012/08/15 面试题
英语故事演讲稿
2014/04/29 职场文书
2014年会计工作总结
2014/11/27 职场文书
公证处委托书
2015/01/28 职场文书
餐饮服务员岗位职责
2015/02/09 职场文书
总经理岗位职责范本
2015/04/01 职场文书
赢在中国观后感
2015/06/02 职场文书
接收函
2019/04/22 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
MySQL中优化SQL语句的方法（show status、explain分析服务器状态信息）
2022/04/09 MySQL