jQuery的$.proxy()应用示例介绍
今天在看<<锋利的jquery>>时看到了proxy()的使用,感觉很模糊,就到处找资料.
jquery的也没看明白.
不过总算明白了proxy的用法了;
. 代码如下:
<input type="button" value="测试" id="guobtn" name="我是按钮的name"/>
. 代码如下:
var obj = {
name: "我是obj的name",
sayname: function () {
alert(this.name);
}
}
$("#guobtn").click(obj.sayname); //我是按钮的name
// 如果我想访问obj的name怎么办呢?
$("#guobtn").click($.proxy(obj.sayname,obj));//"我是obj的name"
$("#guobtn").click($.proxy(obj, "sayname")); //"我是obj的name"
从上面proxy(a,b)的用法可以看出他的参数有两种写法.
第一种:a是一个function函数,b是这个函数的对象所有者.
第二种:a是一个对象,b是一个字符串,是a的属性名.
还有这个实例就是<<锋利的jquery>>上的一个例子了.
. 代码如下:
<p id="panel" style="display:none;">
<button>close</button>
</p>
. 代码如下:
$("#panel").fadein(function () {
$("#panel button").click(function () {
$(this).fadeout();
});
});
button虽然消失了,但是panel却没有消失.可以使用proxy来解决这个问题.
. 代码如下:
$("#panel").fadein(function () {
var obj = this;
$("#panel button").click($.proxy(function () {
$(this).fadeout();
}, obj));
});
这样单击按钮之后,panel才会消失.
个人感觉proxy最主要就是用来修改函数执行时的上下文对象的.
是在apply的基础上做的封装,所以说proxy就是我们jquery自己的apply.
上一篇: jquery选择器需要注意的问题
推荐阅读
-
MYSQL IN 与 EXISTS 的优化示例介绍
-
如何快速解决jQuery与其他库冲突的方法介绍
-
jquery的ajax()函数传值中文乱码解决方法介绍
-
js中事件的处理与浏览器对象示例介绍_javascript技巧
-
jQuery复合事件结合toggle()方法的用法示例
-
jquery append()方法与html()方法的区别及使用介绍_jquery
-
jquery设置text的值示例(设置文本框 DIV 表单值)_jquery
-
jquery下div 的resize事件示例代码_jquery
-
目前流行的JavaScript库的介绍及对比_jquery
-
Jquery实现的一种常用高亮效果示例代码_jquery