编程 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函数

Nov 20 Javascript

JS判断文本框内容改变事件的简单实例

Mar 07 Javascript

jQuery函数的第二个参数获取指定上下文中的DOM元素

May 19 Javascript

jQuery实现渐变弹出层和弹出菜单的方法

Feb 20 Javascript

javascript模拟php函数in_array

Apr 27 Javascript

基于javascript实现窗口抖动效果

Jan 03 Javascript

使用Bootstrap Tabs选项卡Ajax加载数据实现

Dec 23 Javascript

JavaScript实现简易的天数计算器实例【附demo源码下载】

Jan 18 Javascript

详解React中传入组件的props改变时更新组件的几种实现方法

Sep 13 Javascript

JS 设计模式之：工厂模式定义与实现方法浅析

May 06 Javascript

Chrome插件开发系列一：弹窗终结者开发实战

Oct 02 Javascript

vue集成一个支持图片缩放拖拽的富文本编辑器

Jan 29 Vue.js

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

phpMyAdmin下载、安装和使用入门教程

2007/05/31 PHP

PHP 函数call_user_func和call_user_func_array用法详解

2014/03/02 PHP

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

2014/12/22 PHP

PHP实现自动识别Restful API的返回内容类型

2015/02/07 PHP

Thinkphp事务操作实例(推荐)

2017/04/01 PHP

TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析

2019/12/31 PHP

解析js原生方法创建表格效率测试

2013/07/08 Javascript

javascript面向对象快速入门实例

2015/01/13 Javascript

两款JS脚本判断手机浏览器类型跳转WAP手机网站

2015/10/16 Javascript

AngulerJS学习之按需动态加载文件

2017/02/13 Javascript

nodejs根据ip数组在百度地图中进行定位

2017/03/06 NodeJs

nodejs读写json文件的简单方法(必看)

2017/03/09 NodeJs

在js中做数字字符串补0(js补零)

2017/03/25 Javascript

AngularJS中使用three.js的实例详解

2017/07/21 Javascript

基于JavaScript 性能优化技巧心得(分享)

2017/12/11 Javascript

webpack-dev-server自动更新页面方法

2018/02/22 Javascript

vue+vuex+axios实现登录、注册页权限拦截

2018/03/09 Javascript

详解JavaScript中的坐标和距离

2019/05/27 Javascript

详解Node.js异步处理的各种写法

2019/06/09 Javascript

让mocha支持ES6模块的方法实现

2020/01/14 Javascript

[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic

2018/04/02 DOTA

Python代码的打包与发布详解

2014/07/30 Python

详解Python多线程

2016/11/14 Python

python爬虫获取淘宝天猫商品详细参数

2020/06/23 Python

Python logging模块原理解析及应用

2020/08/13 Python

关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)

2020/10/27 Python

在Python中实现字典反转案例

2020/12/05 Python

CSS中的字体大小设置属性总结

2016/05/24 HTML / CSS

Skyscanner台湾：全球知名的旅行比价引擎

2018/07/01 全球购物

公司成立感言

2014/01/11 职场文书

医学专业职业生涯规划范文

2014/02/05 职场文书

合伙协议书

2014/04/23 职场文书

小学生环保演讲稿

2014/04/25 职场文书

校园文明倡议书

2014/05/16 职场文书

文化产业实施方案

2014/06/07 职场文书

关于运动会广播稿300字

2014/10/05 职场文书