jQuery的delegate()与proxy()方法

1.

jQuery 事件 - delegate() 方法

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

www.w3school.com.cn/jquery/event_delegate.asp

2.

The $.proxy method takes an existing function and returns a new one with a particular context.

This method is often used for attaching events to an element where the context is pointing back to a different object.

Tip: If you bind the function returned from $.proxy, jQuery will still unbind the correct function if passed the original.

http://www.w3schools.com/jquery/event_proxy.asp

----

this.$el.delegate(‘tbody tr‘, ‘click‘, $.proxy(this._clickRow, this));
时间: 2025-01-15 07:42:06

jQuery的delegate()与proxy()方法的相关文章

jQuery 事件 - delegate() 方法 和live()方法

当点击鼠标时,隐藏或显示 p 元素: $("div").delegate("button","click",function(){ $("p").slideToggle(); }); delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素). 向未来的元素添加事件处

jQuery 之$.proxy() 方法

定义和用法 $.proxy 方法接受一个已有的函数,并返回一个带特定上下文的新的函数. 该方法通常用于向上下文指向不同对象的元素添加事件. 参数 描述 function 要被调用的已有的函数. context 函数所在的对象的名称. name 已有的函数,其上下文将被改变(应该是 context 对象的属性). 具体实例: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不

点击页面其它地方隐藏div所想到的jQuery的delegate

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div.比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单. 先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: <div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"> <

live,on,delegate,bind使用方法知识点

最近对于事件绑定处理用的比较多,进行总结一下 bind 单个元素的事件绑定 扫描文档找出所有的$(‘a')元素,并把alert函数绑定到每个元素的click事件上. $('a').bind('click',function(){alert('That tickles!');}) 备注: bind并不能对未来添加的元素绑定事件;原理和直接$("a").click是同一机制 live 作为事件冒泡的流程,默认将事件绑定到$(document)元素上,采用事件代理的模式 任何时候只要有事件冒

jQuery中delegate与on的用法与区别

在jQuery1.7中 .delegate()已被.on()取代.对于早期版本,它仍然使用事件委托的最有效手段. 在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的. .delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. // jQuery 1.4.3+ $( elements ).delegate( selector, events, data, handler ); // jQuery 1.7+ $

jquery提交request body的方法

今天刚看到一个网友写的使用jquery提交request body的方法,之前真的没有用到过. $.ajax({ type: "POST", url: "/Service/ListString", contentType: "application/json", dataType: "json", data: JSON.stringify({ "BuIds": ["1", "2

jquery中html 与 text方法的区别

jquery中html 与 text方法的区别 24 May 2012/in 网站设计和开发 /by Bruce 接鉵jquery的时间并不长,以前都是用直接用js写的,现在发现在jquery这个框架用起来很方便,不但代码量少了,使用也比较简单,对于浏览器的兼容问题也不用担心,在使用的过程中也会遇到一些疑问,在html标签中附加子标签时所用的方法html()与text()的区别. 通常在用jquery写ajax时,都会用到html()这个方法,而不用text()这个方法,他们之间有什么区别呢?

JQuery的两个each方法的注意点

Jquery官网上两个each用法: http://api.jquery.com/jQuery.each/ http://api.jquery.com/each/ 使用时注意点 <!DOCTYPE html> <html> <head> <title>Untitled Page</title> <script type="text/javascript" src="jquery141.js">&