jQuery中$.fn的用法示例介紹
如擴(kuò)展$.fn.abc(),即$.fn.abc()是對(duì)jquery擴(kuò)展了一個(gè)abc方法,那么后面你的每一個(gè)jquery實(shí)例都可以引用這個(gè)方法了.
那么你可以這樣子:$("#div").abc();
jQuery為開(kāi)發(fā)插件提拱了兩個(gè)方法,分別是:
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ì)陌生啦。
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){returna+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)容??梢赃@么做:
jQuery代碼
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
相關(guān)文章
分享8款優(yōu)秀的 jQuery 加載動(dòng)畫(huà)和進(jìn)度條插件
加載動(dòng)畫(huà)和進(jìn)度條在網(wǎng)站和 Web 應(yīng)用中的使用非常流行。雖然網(wǎng)速越來(lái)越快,但是我們的網(wǎng)站越來(lái)越復(fù)雜,同時(shí)用戶對(duì)網(wǎng)站的使用體驗(yàn)的要求也越來(lái)越高2012-10-10利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div,同時(shí)向Div傳值,然后返回Div選中的值
JQuery是一個(gè)優(yōu)秀的Javascript類(lèi)庫(kù),使得我們?cè)?jīng)對(duì)JavaScript的痛恨不再,越來(lái)越喜歡上了JavaScript,而且更好的是他的plugin眾多.2009-10-10EasyUI創(chuàng)建人員樹(shù)的實(shí)例代碼
最近做項(xiàng)目做一個(gè)樹(shù)狀的下拉列表,下面小編把easyUI創(chuàng)建人員樹(shù)的實(shí)現(xiàn)代碼分享到腳本之家平臺(tái),需要的朋友參考下吧2017-09-09jquery trigger函數(shù)執(zhí)行兩次的解決方法
這篇文章主要介紹了jquery trigger函數(shù)執(zhí)行兩次的解決方法,詳細(xì)分析了trigger函數(shù)執(zhí)行兩次的原因與響應(yīng)的解決技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-02-02解決jQuery上傳插件Uploadify出現(xiàn)Http Error 302錯(cuò)誤的方法
這篇文章主要為大家詳細(xì)介紹了解決jQuery上傳插件Uploadify出現(xiàn)Http Error 302錯(cuò)誤的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12jQuery實(shí)現(xiàn)自定義checkbox和radio樣式
這篇文章主要介紹了jQuery實(shí)現(xiàn)自定義checkbox和radio樣式的相關(guān)資料,需要的朋友可以參考下2015-07-07基于jquery ui的alert,confirm方案(支持換膚)
這篇文章主要介紹了基于jquery ui的alert,confirm方案(支持換膚),修改自網(wǎng)友的源碼,有需要的小伙伴參考下。2015-04-04jquery實(shí)現(xiàn)手風(fēng)琴效果
這篇文章主要介紹了jquery實(shí)現(xiàn)手風(fēng)琴效果,像手風(fēng)琴一樣打開(kāi),立體感效果比較強(qiáng),感興趣的小伙伴們可以參考一下2015-11-11