jQuery live( type, fn ) 委派事件实现

2016-02-19 14:43 2 1 收藏

今天图老师小编给大家介绍下jQuery live( type, fn ) 委派事件实现,平时喜欢jQuery live( type, fn ) 委派事件实现的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

目前支持 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插件很像,但有以下几个主要区别:
* .live 目前只支持所有事件的子集,支持列表参考上面的说明。
* .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
* .live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件,请用die方法
返回值
jQuery
参数
type (String) : 一个或多个用空格分隔的事件名
fn (Function) : 欲绑定的事件处理函数
示例
点击生成的p依然据有同样的功能。
HTML 代码:
pClick me!/p
jQuery 代码:
代码如下:
$("p").live("click", function(){
$(this).after("pAnother paragraph!/p");
});

来源:https://www.tulaoshi.com/n/20160219/1607686.html

延伸阅读
标签: Web开发
我研究了一下之后发现,jQuery都将事件缓存起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文。 jQuery会在window.unload的时候卸载所有绑定过的事件,释放内存的。 OK,言归正传。判断元素上是否绑定过事件用如下语句 代码如下: jQuery.data(elem,"events")[type]...
Java的AWT库允许你把用户界面建立在Java applet中。AWT库包含有所有的用于建立简单界面所需要的控制:按钮、编辑框、检查框等等。 import java.awt.*; import java.applet.*; public class AppletEvent extends Applet { int x, y ; Button b ; Color clr ; 在该applet构造函数中,代码初始化了变量x,y,clr,建立了一个新的...
标签: Web开发
文件名:jquery.hy.key.js 代码如下: /* ================================================================================ Desc: 扩展对键盘事件的方法 Called by: Auth: 大气象 Date: 2009-10-30 ================================================================================ Change History =========================...
标签: Web开发
其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现,增加客户体验。由于最近做项目的时候,发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来,觉得有点不划算,于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架,不但...
标签: Web开发
如果想获得$.ajax()中返回的值,直接用在success:funciton(){return xx} 是不可以的,要想获得xx的值,要在script中,使用全局变量。利用全局变量引出xx的值。 jquery 取得$.ajax事件中的返回值,并添加事件 代码如下: html head title测试JQUERY提交动态文本/title script language="javascript" src="jquery.js"/script script langua...

经验教程

901

收藏

85

精华推荐

jquery 分页控件实现代码

jquery 分页控件实现代码

讨厌嚣张

Jquery实现无刷新DropDownList联动实现代码

Jquery实现无刷新DropDownList联动实现代码

被遗弃的sevent

jQuery 浮动广告实现代码

jQuery 浮动广告实现代码

艾唯Ivy1

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部