jquery的extend和fn.extend的使用說(shuō)明
更新時(shí)間:2011年01月09日 18:45:27 作者:
jQuery.fn.extend(object); 對(duì)jQuery.prototype進(jìn)得擴(kuò)展,就是為jQuery類(lèi)添加“成員函數(shù)”。jQuery類(lèi)的實(shí)例可以使用這個(gè)“成員函數(shù)”。
jQuery為開(kāi)發(fā)插件提拱了兩個(gè)方法,分別是:
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 為擴(kuò)展jQuery類(lèi)本身.為類(lèi)添加新的方法。
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 沒(méi)有明確的類(lèi)的概念,但是用類(lèi)來(lái)理解它,會(huì)更方便。
jQuery便是一個(gè)封裝得非常好的類(lèi),比如我們用 語(yǔ)句 $("#btn1") 會(huì)生成一個(gè) jQuery類(lèi)的實(shí)例。
jQuery.extend(object); 為jQuery類(lèi)添加添加類(lèi)方法,可以理解為添加靜態(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類(lèi)添加“成員函數(shù)”。jQuery類(lèi)的實(shí)例可以使用這個(gè)“成員函數(shù)”。
比如我們要開(kāi)發(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類(lèi)本身.為類(lèi)添加新的方法。
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 沒(méi)有明確的類(lèi)的概念,但是用類(lèi)來(lái)理解它,會(huì)更方便。
jQuery便是一個(gè)封裝得非常好的類(lèi),比如我們用 語(yǔ)句 $("#btn1") 會(huì)生成一個(gè) jQuery類(lèi)的實(shí)例。
jQuery.extend(object); 為jQuery類(lèi)添加添加類(lèi)方法,可以理解為添加靜態(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類(lèi)添加“成員函數(shù)”。jQuery類(lèi)的實(shí)例可以使用這個(gè)“成員函數(shù)”。
比如我們要開(kāi)發(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ò)展方法示例詳解
- 開(kāi)發(fā)插件的兩個(gè)方法jquery.fn.extend與jquery.extend
- 淺談jquery.fn.extend與jquery.extend區(qū)別
- jQuery學(xué)習(xí)筆記之jQuery.extend(),jQuery.fn.extend()分析
- jQuery插件開(kāi)發(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
jquery+ajax實(shí)現(xiàn)跨域請(qǐng)求的方法
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)跨域請(qǐng)求的方法,詳細(xì)介紹了前臺(tái)及后臺(tái)的處理方法,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
JQuery里面的幾種選擇器 查找滿(mǎn)足條件的元素$("#控件ID")
JQuery里面的幾種選擇器 查找滿(mǎn)足條件的元素$("#控件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

