jquery的extend和fn.extend的使用說明
更新時間：2011年01月09日 18:45:27 作者：
jQuery.fn.extend(object); 對jQuery.prototype進(jìn)得擴(kuò)展，就是為jQuery類添加“成員函數(shù)”。jQuery類的實例可以使用這個“成員函數(shù)”。
jQuery為開發(fā)插件提拱了兩個方法，分別是：
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 為擴(kuò)展jQuery類本身.為類添加新的方法。
jQuery.fn.extend(object);給jQuery對象添加方法。
fn 是什么東西呢。查看jQuery代碼，就不難發(fā)現(xiàn)。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原來 jQuery.fn = jQuery.prototype.對prototype肯定不會陌生啦。
雖然 javascript 沒有明確的類的概念，但是用類來理解它，會更方便。
jQuery便是一個封裝得非常好的類，比如我們用 語句 $("#btn1") 會生成一個 jQuery類的實例。
jQuery.extend(object); 為jQuery類添加添加類方法，可以理解為添加靜態(tài)方法。如：
$.extend({
add:function(a,b){return a+b;}
});
便為 jQuery 添加一個為 add 的 “靜態(tài)方法”，之后便可以在引入 jQuery 的地方，使用這個方法了，
$.add(3,4); //return 7
jQuery.fn.extend(object); 對jQuery.prototype進(jìn)得擴(kuò)展，就是為jQuery類添加“成員函數(shù)”。jQuery類的實例可以使用這個“成員函數(shù)”。
比如我們要開發(fā)一個插件，做一個特殊的編輯框，當(dāng)它被點擊時，便alert 當(dāng)前編輯框里的內(nèi)容?？梢赃@么做：
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertWhileClick(); //頁面上為：<input id="input1" type="text"/>
復(fù)制代碼 代碼如下:
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 為擴(kuò)展jQuery類本身.為類添加新的方法。
jQuery.fn.extend(object);給jQuery對象添加方法。
fn 是什么東西呢。查看jQuery代碼，就不難發(fā)現(xiàn)。
復(fù)制代碼 代碼如下:
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原來 jQuery.fn = jQuery.prototype.對prototype肯定不會陌生啦。
雖然 javascript 沒有明確的類的概念，但是用類來理解它，會更方便。
jQuery便是一個封裝得非常好的類，比如我們用 語句 $("#btn1") 會生成一個 jQuery類的實例。
jQuery.extend(object); 為jQuery類添加添加類方法，可以理解為添加靜態(tài)方法。如：
復(fù)制代碼 代碼如下:
$.extend({
add:function(a,b){return a+b;}
});
便為 jQuery 添加一個為 add 的 “靜態(tài)方法”，之后便可以在引入 jQuery 的地方，使用這個方法了，
$.add(3,4); //return 7
jQuery.fn.extend(object); 對jQuery.prototype進(jìn)得擴(kuò)展，就是為jQuery類添加“成員函數(shù)”。jQuery類的實例可以使用這個“成員函數(shù)”。
比如我們要開發(fā)一個插件，做一個特殊的編輯框，當(dāng)它被點擊時，便alert 當(dāng)前編輯框里的內(nèi)容?？梢赃@么做：
復(fù)制代碼 代碼如下:
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertWhileClick(); //頁面上為：<input id="input1" type="text"/>
您可能感興趣的文章:
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 開發(fā)插件的兩個方法jquery.fn.extend與jquery.extend
- 淺談jquery.fn.extend與jquery.extend區(qū)別
- jQuery學(xué)習(xí)筆記之jQuery.extend(),jQuery.fn.extend()分析
- jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
- jQuery中extend()和fn.extend()方法詳解
- Jquery實現(xiàn)$.fn.extend和$.extend函數(shù)
- jquery簡單插件制作(fn.extend)完整實例
- 深入理解jquery的$.extend()、$.fn和$.fn.extend()
- jQuery.extend 與 jQuery.fn.extend的用法及區(qū)別實例分析
相關(guān)文章
jquery ajax加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法
今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本文是小編自己寫的一個彈出層插件代碼，非常秀珍，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要介紹了jquery+ajax實現(xiàn)跨域請求的方法,詳細(xì)介紹了前臺及后臺的處理方法,是非常實用的技巧,需要的朋友可以參考下2015-01-01
這次項目就有這個要求了，模擬選項框，我選擇使用div+css+jquery來實現(xiàn)，總的來說還不錯，感興趣的朋友可以參考下2013-11-11
下面小編就為大家?guī)硪黄獪\談jQuery框架Ajax常用選項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID")
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID"),使用jquery的朋友可以參考下。2011-08-08
跟著Jquery API學(xué)Jquery之一 選擇器
Jquery 選擇器是最基本的操作了，當(dāng)我們用原生的javascript的時候，我們?yōu)榱诉x擇一個對象不得不花費(fèi)九頭二虎之力2010-04-04
這里給大家分享的是使用jQuery插件實現(xiàn)兼容IE8的異步上傳文件的代碼，效果非常不錯，有需要的小伙伴可以參考下。2015-06-06
今天在弄動態(tài)菜單的時候發(fā)現(xiàn)id里面包含特殊字符"/"，糾結(jié)了N久，就是不能根據(jù)這個ID獲取到節(jié)點2011-06-06
基于Jquery的淡入淡出的特效基礎(chǔ)練習(xí)實現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-12-12