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 事件流和事件绑定
Jul 16 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
微信小程序checkbox组件使用详解
Jan 31 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
vue-router的HTML5 History 模式设置
Sep 08 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
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
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
php stripslashes和addslashes的区别
2014/02/03 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
python print出共轭复数的方法详解
2019/06/25 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
联想中国官方商城:Lenovo China
2017/10/18 全球购物
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
项目投资建议书
2014/05/16 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
就业协议书范本
2014/10/08 职场文书
初婚未育证明样本
2014/10/24 职场文书
2015年采购部工作总结
2015/04/23 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书