jQuery中 fn的用法示例介紹

2022-02-16 23:21:28 字數 954 閱讀 1861

本文出自

看完自己似乎理解了點東西,記錄一下:

$.fn是指jquery的命名空間,加上fn上的方法及屬性,會對jquery例項每乙個有效。 

如擴充套件$.fn.abc(),即$.fn.abc()是對jquery擴充套件了乙個abc方法,那麼後面你的每乙個jquery例項都可以引用這個方法了. 

那麼你可以這樣子:$("#div").abc(); 

jquery為開發外掛程式提拱了兩個方法,分別是: 

jquery.extend(object);為擴充套件jquery類本身.為類新增新的方法。 

jquery.fn.extend(object);給jquery物件新增方法。 

fn是什麼東西呢。檢視jquery**,就不難發現。 

複製****如下:

jquery.fn = jquery.prototype =; 

原來 jquery.fn =jquery.prototype.對prototype肯定不會陌生啦。 

jquery便是乙個封裝得非常好的類,比如我們用語句 $("#btn1") 會生成乙個 jquery類的例項。 

jquery.extend(object); 為jquery類新增新增類方法,可以理解為新增靜態方法。如: 

$.extend( 

}); 

便為 jquery 新增乙個為add 的 「靜態方法」,之後便可以在引入 jquery 的地方,使用這個方法了, 

$.add(3,4); //return 7 

jquery.fn.extend(object);對jquery.prototype進得擴充套件,就是為jquery類新增「成員函式」。jquery類的例項可以使用這個「成員函式」。 

比如我們要開發乙個外掛程式,做乙個特殊的編輯框,當它被點選時,便alert當前編輯框裡的內容。可以這麼做: 

jquery** 

$.fn.extend(); 

} }); 

jQuery中 fn的用法示例介紹

fn是指jquery的命名空間,加上fn上的方法及屬性,會對jquery例項每乙個有效。如擴充套件 fn.abc 即 fn.abc 是對jquery擴充套件了乙個abc方法,那麼後面你的每乙個jquery例項都可以引用這個方法了.那麼你可以這樣子 div abc jquery為開發外掛程式提拱了兩個...

jQuery中 fn的用法示例介紹

fn是指jquery的命名空間,加上fn上的方法及屬性,會對jquery例項每乙個有效。如擴充套件 fn.abc 即 fn.abc 是對jquery擴充套件了乙個abc方法,那麼後面你的每乙個jquery例項都可以引用這個方法了.那麼你可以這樣子 div abc jquery為開發外掛程式提拱了兩個...

JQuery中 fn的用法示例介紹

fn是指jquery命名空間,加上fn上的方法及屬性,會對jquery例項每乙個有效。如擴充套件 fn.abc 即 fn.abc 是對jquery擴充套件了乙個abc方法,那麼後面你的每乙個jquery例項都可以引用這個方法了。那麼你可以這樣 div abc jquery為開發外掛程式提供了兩個方法...