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 相关文章推荐
jquery获得页面元素的坐标值实现思路及代码
Apr 15 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
Dec 24 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
利用JS实现数字增长
Jul 28 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
js实现上传文件添加和删除文件选择框
Oct 24 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
JavaScript禁用右键单击优缺点分析
Jan 20 Javascript
原生js实现表格循环滚动
Nov 24 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/09/28 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
JS 判断undefined的实现代码
2009/11/26 Javascript
Javascript中的相等与不等运算
2010/04/25 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
2015/08/24 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
2018/06/05 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
python非递归全排列实现方法
2017/04/10 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python找出完数的方法
2018/11/12 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
canvas与html5实现视频截图功能示例
2016/12/15 HTML / CSS
amazeui模态框弹出后立马消失并刷新页面
2020/08/19 HTML / CSS
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
最新远光软件笔试题面试题内容
2013/11/08 面试题
初一生物教学反思
2014/01/18 职场文书
监察建议书范文
2014/03/12 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
党员学习新党章思想汇报
2014/10/25 职场文书
项目备案申请报告
2015/05/15 职场文书
工作简报格式范文
2015/07/21 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers