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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
jquery 多级下拉菜单核心代码
May 21 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
自己动手写的javascript前端等待控件
Oct 30 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
浅谈React之状态(State)
Sep 19 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
原生js实现碰撞检测
Mar 12 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 db类库进行数据库操作
2009/03/19 PHP
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
jQuery动态增减行的实例代码解析(推荐)
2016/12/05 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
python如何让类支持比较运算
2018/03/20 Python
在django模板中实现超链接配置
2019/08/21 Python
python实现KNN分类算法
2019/10/16 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
汽车专业毕业生推荐信
2013/11/12 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
企业总经理任命书
2014/06/05 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
婚宴主持词
2015/06/30 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书
如何利用Python实现一个论文降重工具
2021/07/09 Python
Python3.10的一些新特性原理分析
2021/09/15 Python