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 相关文章推荐
驱动事件的addEvent.js代码
Mar 27 Javascript
Javascript 布尔型分析
Dec 22 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
Sep 15 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
Jan 27 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
在Vue 中获取下拉框的文本及选项值操作
Aug 13 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
Zerg剧情介绍
2020/03/14 星际争霸
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
PHP 上传文件的方法(类)
2009/07/30 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
js评分组件使用详解
2017/06/06 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
Python写的贪吃蛇游戏例子
2014/06/16 Python
Python环境变量设置方法
2016/08/28 Python
python对视频画框标记后保存的方法
2018/12/07 Python
python制作mysql数据迁移脚本
2019/01/01 Python
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2020/12/14 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
写给妈妈的道歉信
2014/01/11 职场文书
小学生开学感言
2014/02/28 职场文书
开学季活动策划方案
2014/02/28 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers