编程 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 相关文章推荐

web前端开发也需要日志

Dec 09 Javascript

js中function()使用方法

Dec 24 Javascript

js实现网页右上角滑出会自动消失大幅广告的方法

Feb 27 Javascript

jquery append 动态添加的元素事件on 不起作用的解决方案

Jul 30 Javascript

jQuery UI仿淘宝搜索下拉列表功能

Jan 10 Javascript

jquery编写日期选择器

Mar 16 Javascript

Vuejs仿网易云音乐实现听歌及搜索功能

Mar 30 Javascript

JS实现动态给标签控件添加事件的方法示例

May 13 Javascript

Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）

Dec 27 Javascript

浅谈React碰到v-if

Nov 04 Javascript

postman自定义函数实现时间函数的思路详解

Apr 17 Javascript

详解react组件通讯方式(多种)

May 06 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文档更新介绍

2011/07/22 PHP

PHP静态文件生成类实例

2014/11/29 PHP

php有道翻译api调用方法实例

2014/12/22 PHP

PHP实现的蚂蚁爬杆路径算法代码

2015/12/03 PHP

浅谈PHP定义命令空间的几个注意点(推荐)

2016/10/29 PHP

详解cookie验证的php应用的一种SSO解决办法

2017/10/20 PHP

laravel 框架结合关联查询 when()用法分析

2019/11/22 PHP

jQuery中文入门指南，翻译加实例，jQuery的起点教程

2007/02/09 Javascript

JavaScript Event学习第八章事件的顺序

2010/02/07 Javascript

web开发人员学习jQuery的6大理由及jQuery的优势介绍

2013/01/03 Javascript

jquery bind(click)传参让列表中每行绑定一个事件

2014/08/06 Javascript

Dojo Javascript 编程规范规范自己的JavaScript书写

2014/10/26 Javascript

node爬取微博的数据的简单封装库nodeweibo使用指南

2015/01/02 Javascript

JavaScript通过this变量快速找出用户选中radio按钮的方法

2015/03/23 Javascript

深入解析JavaScript框架Backbone.js中的事件机制

2016/02/14 Javascript

Javascript实现图片轮播效果(二)图片序列节点的控制实现

2016/02/17 Javascript

JavaScript制作颜色反转小游戏

2016/09/25 Javascript

AngularJS入门教程之多视图切换用法示例

2016/11/02 Javascript

Canvas 绘制粒子动画背景

2017/02/15 Javascript

vue elementUI tree树形控件获取父节点ID的实例

2018/09/12 Javascript

es6中使用map简化复杂条件判断操作实例详解

2020/02/19 Javascript

使用python 和 lint 删除项目无用资源的方法

2017/12/20 Python

python http接口自动化脚本详解

2018/01/02 Python

python使用Flask操作mysql实现登录功能

2018/05/14 Python

tensorflow 输出权重到csv或txt的实例

2018/06/14 Python

python os.path模块常用方法实例详解

2018/09/16 Python

python解压TAR文件至指定文件夹的实例

2019/06/10 Python

python定时截屏实现

2020/11/02 Python

白兰氏健康Mall：BRAND’S

2017/11/13 全球购物

加拿大领先的时尚和体育零售商：Sporting Life

2019/12/15 全球购物

试用期自我鉴定范文

2014/03/20 职场文书

园艺师求职信

2014/04/27 职场文书

依法行政工作汇报材料

2014/10/28 职场文书

Win10系统下配置Java环境变量

2021/06/13 Java/Android

python 安全地删除列表元素的方法

2022/03/16 Python

Python Pandas解析读写 CSV 文件

2022/04/11 Python