jQuery中 fn 的用法介紹

2021-07-22 03:15:17 字數 1105 閱讀 8442

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

如擴充套件$.fn.abc(),那麼你可以這樣子來使用剛才

給jquery物件新增的abc()方法

:$("#div").abc(); 

那麼後面你的每個

jquery物件

都可以引用這個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類的例項可以使用這個「成員函式」。

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為開發外掛程式提供了兩個方法...