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 相关文章推荐
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
js实现二代身份证号码验证详解
Nov 20 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
微信小程序实现的一键拨号功能示例
Apr 24 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 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
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
2012/10/24 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
php中序列化与反序列化详解
2017/02/13 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
event对象的方法 兼容多浏览器
2009/06/27 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
jquery插件开发方法(初学者)
2012/02/03 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
js实现3d悬浮效果
2017/02/16 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
Python线程指南详细介绍
2017/01/05 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
python的继承知识点总结
2018/12/10 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
python时间日期操作方法实例小结
2020/02/06 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
2019/10/15 HTML / CSS
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
函授毕业生自我鉴定
2013/11/06 职场文书
写求职信要注意什么问题
2014/04/12 职场文书
办公室主任竞聘演讲稿
2014/05/15 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
德劲DE1105机评
2022/04/05 无线电
hive数据仓库新增字段方法
2022/06/25 数据库