jQuery的$.proxy()應(yīng)用示例介紹
更新時間：2014年04月03日 15:41:15 作者：
這篇文章主要介紹了jQuery的$.proxy()應(yīng)用,需要的朋友可以參考下
今天在看<<鋒利的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)的用法可以看出他的參數(shù)有兩種寫法.
第一種:a是一個function函數(shù),b是這個函數(shù)的對象所有者.
第二種:a是一個對象,b是一個字符串,是a的屬性名.
還有這個實例就是<<鋒利的jQuery>>上的一個例子了.
<div id="panel" style="display:none;">
<button>Close</button>
</div>
$("#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最主要就是用來修改函數(shù)執(zhí)行時的上下文對象的.
是在apply的基礎(chǔ)上做的封裝,所以說proxy就是我們jQuery自己的apply.
jQuery的源碼也沒看明白.
不過總算明白了proxy的用法了;
復(fù)制代碼 代碼如下:
<input type="button" value="測試" id="guoBtn" name="我是按鈕的name"/>
復(fù)制代碼 代碼如下:
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)的用法可以看出他的參數(shù)有兩種寫法.
第一種:a是一個function函數(shù),b是這個函數(shù)的對象所有者.
第二種:a是一個對象,b是一個字符串,是a的屬性名.
還有這個實例就是<<鋒利的jQuery>>上的一個例子了.
復(fù)制代碼 代碼如下:
<div id="panel" style="display:none;">
<button>Close</button>
</div>
復(fù)制代碼 代碼如下:
$("#panel").fadeIn(function () {
$("#panel button").click(function () {
$(this).fadeOut();
});
});
button雖然消失了,但是panel卻沒有消失.可以使用proxy來解決這個問題.
復(fù)制代碼 代碼如下:
$("#panel").fadeIn(function () {
var obj = this;
$("#panel button").click($.proxy(function () {
$(this).fadeOut();
}, obj));
});
這樣單擊按鈕之后,panel才會消失.
個人感覺proxy最主要就是用來修改函數(shù)執(zhí)行時的上下文對象的.
是在apply的基礎(chǔ)上做的封裝,所以說proxy就是我們jQuery自己的apply.
相關(guān)文章
學(xué)習jquery之一...2007-04-04
兼容BackCompat,CSS1Compat兩模式渲染的頁面,測試的瀏覽器 :friefox ie678 chrome opera2011-02-02
這篇文章主要介紹了使用jQuery重置(reset)表單的方法,需要的朋友可以參考下2014-05-05
氣泡默認出現(xiàn)在觸發(fā)對象的正上方,當觸發(fā)對象在邊上時,氣泡會有一部分出現(xiàn)在窗口外面2010-05-05
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點擊label實現(xiàn)checkbox組選擇，頭部選項，如全選/ 取消全選 /關(guān)閉功能,支持鍵盤選擇等等，下面與大家分享下具體使用2013-05-05
jQuery Deferred和Promise創(chuàng)建響應(yīng)式應(yīng)用程序詳細介紹
接下來我們一起探索一下JavaScript中的 Deferred 和 Promise 的概念Deferred 提供了一個抽象的非阻塞的解決方案（如Ajax 請求的響應(yīng)），它創(chuàng)建一個promise對象，其目的是在未來某個時間點返回一個響應(yīng)，感興趣的可以參考下2013-03-03
本文主要介紹了jQuery實現(xiàn)圖片滑動效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
如何在頁面上同時使用 jQuery 和其他框架？2013-04-04
使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉(zhuǎn)的解決
這篇文章主要給大家介紹了關(guān)于使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉(zhuǎn)的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2018-12-12
JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
經(jīng)常會用到iframe，難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面為大家簡單介紹下本人的使用心得2013-08-08