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中Array 对象相关的几个方法
Dec 22 Javascript
innerText和innerHTML 一些问题分析
May 18 Javascript
jquery tools 系列 scrollable学习
Sep 06 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
vue+iview/elementUi实现城市多选
Mar 28 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 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/23 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
多广告投放代码 推荐
2006/11/13 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
javascript来定义类的规范小结
2010/11/19 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
原生JS+HTML5实现的可调节写字板功能示例
2018/08/30 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
Python基于requests库爬取网站信息
2020/03/02 Python
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
数组越界问题
2015/10/21 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
公务员更新知识培训实施方案
2014/03/31 职场文书
工会换届选举方案
2014/05/21 职场文书
党员检讨书范文
2014/12/27 职场文书
招商银行工作证明
2015/06/17 职场文书
孕妇病假条怎么写
2015/08/17 职场文书