jQuery live


Posted in Javascript onMay 15, 2009

也能绑定自定义事件。目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是,live()一次只能绑定一个事件。
这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像,但有以下几个主要区别:
1、.live 目前只支持所有事件的子集,支持列表参考上面的说明。
2、.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
3、.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
4、要移除用live绑定的事件,请用die方法
返回值
jQuery
参数
type (String) : 一个或多个用空格分隔的事件名
fn (Function) : 欲绑定的事件处理函数
示例
点击生成的p依然据有同样的功能。
HTML 代码:

<p>Click me!</p>

jQuery 代码:
$("p").live("click", function(){ 
$(this).after("<p>Another paragraph!</p>"); 
});
Javascript 相关文章推荐
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
JS实现距离上次刷新已过多少秒示例
May 23 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
JavaScript的面向对象编程基础
Aug 13 Javascript
vue实现列表的添加点击
Dec 29 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
深入理解vue中的slot与slot-scope
Apr 22 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 #Javascript
javascript Prototype 对象扩展
May 15 #Javascript
JavaScript设置FieldSet展开与收缩
May 15 #Javascript
childNodes.length与children.length的区别
May 14 #Javascript
DOM下的节点属性和操作小结
May 14 #Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 #Javascript
JavaScript 动态将数字金额转化为中文大写金额
May 14 #Javascript
You might like
php实现比较两个文件夹异同的方法
2015/06/18 PHP
php实现生成验证码实例分享
2016/04/10 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
javascript获取隐藏dom的宽高 具体实现
2013/07/14 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
Python实现获取某天是某个月中的第几周
2015/02/11 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
对Python信号处理模块signal详解
2019/01/09 Python
int在python中的含义以及用法
2019/06/27 Python
python文件操作的简单方法总结
2019/11/07 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
pytorch forward两个参数实例
2020/01/17 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
Python列表如何更新值
2020/05/27 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
乡镇镇长个人整改措施
2014/10/01 职场文书
技术股份合作协议书
2014/10/05 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
2015年售票员工作总结
2015/04/29 职场文书
交通安全学习心得体会
2016/01/18 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android