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 相关文章推荐
日期函数扩展类Ver0.1.1
Sep 07 Javascript
javascript中强制执行toString()具体实现
Apr 27 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
May 07 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
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
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
PHP7.0版本备注
2015/07/23 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
谈谈JS中的!!
2017/12/07 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
用Python实现协同过滤的教程
2015/04/08 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
Numpy之文件存取的示例代码
2018/08/03 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
Champion官网:美国冠军运动服装
2017/01/25 全球购物
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
JAVA高级程序员面试题
2013/09/06 面试题
研发工程师的岗位职责
2013/11/18 职场文书
公司承诺书怎么写
2014/05/24 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
php png失真的原因及解决办法
2021/11/17 PHP