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和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
js运动应用实例解析
Dec 28 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
Vue中的循环及修改差值表达式的方法
Aug 29 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 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将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
jscript读写二进制文件的方法
2015/04/22 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
vue表单绑定实现多选框和下拉列表的实例
2017/08/12 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
python 统计代码行数简单实例
2017/05/04 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
python实现微信自动回复功能
2018/04/11 Python
Python selenium实现微博自动登录的示例代码
2018/05/16 Python
深入浅析python 中的匿名函数
2018/05/21 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
python实现人机猜拳小游戏
2020/02/03 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
Clarks英国官方网站:全球领军鞋履品牌
2016/11/26 全球购物
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
仓库管理专业个人的自我评价
2013/12/30 职场文书
期末自我鉴定
2014/02/02 职场文书
读书笔记怎么写
2015/07/01 职场文书
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server
Mysql数据库命令大全
2021/05/26 MySQL