jQuery live
2009-05-15 00:00
260 查看
也能绑定自定义事件。目前支持 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 代码:
jQuery 代码:
与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>"); });
相关文章推荐
- jQuery中.live()方法的用法深入解析
- 详解jQuery向动态生成的内容添加事件响应jQuery live()方法
- jQuery Live Query 插件
- jQuery中find&filter、live&bind对比介绍及图片懒加载
- 浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
- TypeError: a(...).live is not a function(jquery.unobtrusive-ajax.min.js 引入报错)
- JQuery下的Live方法和$.browser方法使用代码
- live()解决Jquery采用append添加的元素事件无效和获取不到添加元素的值
- jQuery三种事件绑定方式.bind(),.live(),.delegate()
- jquery: Uncaught TypeError: Object [object Object] has no method 'live'
- jQuery 事件 - delegate() 方法 和live()方法
- jQuery中bind,live,delegate与one方法的用法及区别
- jQuery方法区别:click() bind() live() delegate()区别
- 浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
- jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jquery .live(动态绑定事件)
- jQuery的三种bind/One/Live/On事件绑定使用方法
- Jquery中的bind、live、delegate、on绑定事件方法的用法