文档章节

jQuery中bind方法与live方法区别

boxiZen
 boxiZen
发布于 2013/12/20 16:09
字数 247
阅读 153
收藏 9

<p>&#160;&#160;&#160; 今天做项目时遇到的关于live与bind的问题,经查阅资料所得,live实际上为bind方法的变型,bind方法<strong>仅支持当前存在元素的事件绑定,而对于日后js动态生成的元素绑定无效</strong>。而live方法则弥补了此缺陷,即可以对使用js动态生成的元素产生绑定事件。</p> <p>&#160;&#160;&#160; 出现这种情况得益于live方法的&quot;事件委托机制&quot;,即绑定在祖先元素上的事件可以在其后代元素中使用。live方法把事件绑定在DOM树的根节点上,而不是绑定到具体的节点中。</p> <p>&#160;&#160;&#160; 如$(&quot;myBtn&quot;).live(&quot;click&quot;,func1);把func1事件绑定到DOM树根节点上,当点击myBtn按钮时,我们会不断地向上冒泡查找是否存在关于myBtn的click事件,直到查找到DOM树的根节点上,触发了func1事件。</p>

© 著作权归作者所有

共有 人打赏支持
boxiZen
粉丝 4
博文 9
码字总数 7645
作品 0
广州
程序员
加载中

评论(3)

淘淘我的小宝宝
淘淘我的小宝宝

引用来自“曾柏羲”的评论

引用来自“with_you”的评论

这两个方法已经不推荐使用,高版本已经废除。live只是把事件绑定延迟到了document.官方建议用on来实现

学习了~0

互相学习啦
boxiZen
boxiZen

引用来自“with_you”的评论

这两个方法已经不推荐使用,高版本已经废除。live只是把事件绑定延迟到了document.官方建议用on来实现

学习了~0
淘淘我的小宝宝
淘淘我的小宝宝
这两个方法已经不推荐使用,高版本已经废除。live只是把事件绑定延迟到了document.官方建议用on来实现
jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件...

吟啸_徐行
2014/02/20
0
0
绑定live bind click

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,...

波利beryl
2014/11/17
0
0
Jquery绑定事件(bind和live的区别)

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,...

FuniK
2013/09/23
0
1
jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()

在 jQuery的开发过程中,我们往往需要处理各种事件,例如,click(),hover()等。在jQuery的API中,我们可以使用不同的方法来将 这些事件绑定到特定的元素中。今天这篇文章中,我们将要介绍如...

kisshua
2012/04/20
0
0
jQuery的.bind()、.live()和.delegate()之间区别

摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交...

i33
2012/09/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Shell特殊符号总结以及cut,sort,wc,uniq,tee,tr,split命令

特殊符号总结一 * 任意个任意字符 ? 任意一个字符 # 注释字符 \ 脱义字符 | 管道符 # #号后的备注被忽略[root@centos01 ~]# ls a.txt # 备注 a.txt[root@centos01 ~]# a=1[root@centos01...

野雪球
36分钟前
1
0
OSChina 周二乱弹 —— 程序员圣衣

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享Skeeter Davis的单曲《The End of the World》 《The End of the World》- Skeeter Davis 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
51分钟前
4
0
[ python import module ] 导入模块

import moudle_name ----> import module_name.py ---> import module_name.py文件路径 -----> sys.path (这里进行查找文件) # from app.web import Personimport app.web.Person as Pe......

_______-
昨天
3
0
Redis性能问题排查解决手册

一、性能相关的数据指标 通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。 nfo命令输出的数据可...

IT--小哥
昨天
1
0
mixin混入

①新建mixin.js文件 const mixin = { methods: { /** * 分页公共方法 */ handleSizeChange(val) { this.pageData.size = val; this.query(); }, hand......

不负好时光
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部