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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
JavaScript中的this机制
Jan 30 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
深入剖析JavaScript instanceof 运算符
Jun 14 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 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实用代码片段
2016/02/02 PHP
php compact 通过变量创建数组
2016/11/15 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
JS定时器实例
2013/04/17 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
彻底弄懂 JavaScript 执行机制
2018/10/23 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
Python中文件的读取和写入操作
2018/04/27 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
汽车检测与维修个人求职信
2013/09/24 职场文书
行政经理岗位职责
2013/11/09 职场文书
会计找工作求职信范文
2013/12/09 职场文书
写给女朋友的检讨书
2014/01/28 职场文书
学校安全教育制度
2014/01/31 职场文书
期中考试后的反思
2014/02/08 职场文书
开学季活动策划方案
2014/02/28 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
医院党建工作总结2015
2015/05/26 职场文书
如何在Python项目中引入日志
2021/05/31 Python
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题