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

Javascript的一种模块模式

Mar 22 Javascript

DOM 基本方法

Jul 18 Javascript

33种Javascript 表格排序控件收集

Dec 03 Javascript

前台js对象在后台转化java对象的问题探讨

Dec 20 Javascript

深入理解JavaScript系列（43）：设计模式之状态模式详解

Mar 04 Javascript

jQuery实现左右切换焦点图

Apr 03 Javascript

Jquery元素追加和删除的实现方法

May 24 Javascript

jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】

Mar 09 Javascript

axios对请求各种异常情况处理的封装方法

Sep 25 Javascript

前端插件之Bootstrap Dual Listbox使用教程

Jul 23 Javascript

mpvue实现微信小程序快递单号查询代码

Apr 03 Javascript

vue keep-alive的简单总结

Jan 25 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

咖啡知识大全

2021/03/03 新手入门

php 注册时输入信息验证器的实现详解

2013/07/05 PHP

一个JavaScript继承的实现

2006/10/24 Javascript

javascript Math.random()随机数函数

2009/11/04 Javascript

js 强制弹出窗口代码研究－又一款代码

2010/03/20 Javascript

NodeJS学习笔记之网络编程

2014/08/03 NodeJs

JS禁用页面上所有控件的实现方法(附demo源码下载)

2015/12/17 Javascript

jquery判断checkbox是否选中及改变checkbox状态的实现方法

2016/05/26 Javascript

el表达式写入bootstrap表格数据页面的实例代码

2017/01/11 Javascript

Bootstrap导航简单实现代码

2017/03/06 Javascript

vue Element-ui input 远程搜索与修改建议显示模版的示例代码

2017/10/19 Javascript

详解html-webpack-plugin用法全解

2018/01/22 Javascript

angularjs通过过滤器返回超链接的方法

2018/10/26 Javascript

在Vue项目中使用snapshot测试的具体使用

2019/04/16 Javascript

vue watch关于对象内的属性监听

2019/04/22 Javascript

Python中的pprint折腾记

2015/01/21 Python

Python设计模式中单例模式的实现及在Tornado中的应用

2016/03/02 Python

解决出现Incorrect integer value: '' for column 'id' at row 1的问题

2017/10/29 Python

python绘制散点图并标记序号的方法

2018/12/11 Python

Django Rest framework三种分页方式详解

2019/07/26 Python

Python3多线程版TCP端口扫描器

2019/08/31 Python

如何搭建pytorch环境的方法步骤

2020/05/06 Python

什么是python的函数体

2020/06/19 Python

python爬虫请求头设置代码

2020/07/28 Python

python中的插入排序的简单用法

2021/01/19 Python

HTML5 window/iframe跨域传递消息 API介绍

2013/08/26 HTML / CSS

希腊香水和化妆品购物网站：Parfimo.gr

2019/10/03 全球购物

澳大利亚在线高跟鞋商店：Shoe Me

2019/11/19 全球购物

农救科工作职责

2013/11/27 职场文书

大学生创业项目方案

2014/03/08 职场文书

家居装修公司创业计划书范文

2014/03/20 职场文书

清明节演讲稿

2014/05/27 职场文书

超市创业计划书

2014/09/15 职场文书

学校运动会广播稿

2014/10/11 职场文书

2015年会计工作总结范文

2015/05/26 职场文书

生产设备维护保养制度

2015/08/06 职场文书