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