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 相关文章推荐
js操作label给label赋值及取label的值示例
Nov 07 Javascript
setInterval与clearInterval的使用示例代码
Jan 28 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
详解Vue的列表渲染
Nov 20 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
PHP获取文件绝对路径的代码(上一级目录)
2011/05/29 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
解决PHP上传非标准格式的图片pjpeg失败的方法
2017/03/12 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
2016/10/26 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
python实现弹窗祝福效果
2019/04/07 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
美国领先的礼品卡网站:GiftCards.com
2016/11/02 全球购物
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
泰国办公用品购物网站:OfficeMate
2018/02/04 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
幼儿园园长自我鉴定
2013/10/22 职场文书
十岁生日父母答谢词
2014/01/18 职场文书
简历上的自我评价
2014/02/03 职场文书
太太口服液广告词
2014/03/20 职场文书
销售个人求职信范文
2014/04/28 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫