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 相关文章推荐
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
JS实现两表格里数据来回转移的方法
May 28 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
AngularJS中transclude用法详解
Nov 03 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
vue首次渲染全过程
Apr 21 Vue.js
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
浅谈vue.use()方法从源码到使用
2019/05/12 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
在python3环境下的Django中使用MySQL数据库的实例
2017/08/29 Python
Python实现两款计算器功能示例
2017/12/19 Python
python解决js文件utf-8编码乱码问题(推荐)
2018/05/02 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
Python实现钉钉订阅消息功能
2020/01/14 Python
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
水利公司纪检监察自我鉴定
2014/02/25 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
鲁迅故居导游词
2015/02/05 职场文书
教师个人总结范文
2015/02/11 职场文书
如何写辞职书
2015/02/26 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang