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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
jQuery中element选择器用法实例
Dec 29 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
Oct 15 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
实用函数10
2007/11/08 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
php自动加载代码实例详解
2021/02/26 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
IE与firefox之jquery用法区别
2008/10/03 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
ES6入门教程之Array.from()方法
2019/03/23 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python3运算符常见用法分析
2020/02/14 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
介绍一下Java的事务处理
2012/12/07 面试题
法律进企业活动方案
2014/03/04 职场文书
家长对老师的感言
2014/03/11 职场文书
给老师的一封建议书
2014/03/13 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
python中 .npy文件的读写操作实例
2022/04/14 Python