JQuery外掛程式開發入門

個人比較喜歡封裝，現在學習jquery，總想封裝出自己喜歡的外掛程式，所以將jquery外掛程式的開發稍加總結。

本文並不全面，主要針對自定義外掛程式的分類和語法進行總結，希望以後可以作為工具檢視。

注：jquery外掛程式的完整開發文件可參考

類級別的外掛程式：

1、新增乙個函式

1 jquery.foo = function

() ;

呼叫格式如下：

1 jquery.foo();或者$.foo();

2、新增多個函式

1 jquery.foo = function

() ;     
4 jquery.bar = function
(param) ;

呼叫格式如下：

jquery.foo();jquery.bar();或者$.foo();$.bar('bar');

3、使用extend

1

jquery.extend(,         
5     bar: function
(param)         
8 });

4、使用命名空間

1 jquery.myplugin =,             

5     bar:function
(param)             
8 };

呼叫格式如下：

1

$.myplugin.foo();            
2 $.myplugin.bar('baz');

物件級別的外掛程式：

1、新增乙個函式

1 $.fn.foo = function

() ;

2、新增多個函式

$.fn.foo = function

() ; 
$.fn.bar = function
() ;

3、使用extend

1

$.fn.extend(   
5     bar:function
()      
8 })

4、使用命名空間

1 $.fn.foo =

5 　　fun2:function
() 8 };

類級別和物件級別的區別：

區別其實就是fn。

官方說法：

1 jquery.fn = jquery.prototype =;

jquery.fn = jquery.prototype

我的理解：

類級別方法什麼的是針對$，也就是jquery物件的，而物件級別的則可以針對$('div')等選擇符產生的物件。

jquery外掛程式開發基礎入門

jquery外掛程式開發基礎入門 入門 編寫乙個jquery外掛程式開始於給jquery.fn加入新的功能屬性，此處新增的物件屬性的名稱就是你的外掛程式名稱 jquery.fn,myplugin function 為了避免衝突我們應該將jquery傳遞給乙個自我執行的封閉程式 function jq...

jQuery外掛程式開發入門與最佳實踐

開發jquery外掛程式的方法有兩種，類級別的拓展和物件基本的擴充套件。一種是給jquery類新增方法，類似靜態方法，如 ajax 另一種是給jquery的原型鏈 jquery.prototype jquery.fn 新增方法，簡單的說就是擴充套件jquery.fn 這些基本知識作為前端都容易明白，...

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式，相當於給jquery類本身新增方法，jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...