編寫jquery外掛的分享

2019-12-13 02:14:15

作為一個前段程式設計師，肯定經常用到一些javascript外掛吧，不得不承認，jquery是其中的比較優秀的外掛之一，那麼我們有沒有想過我們自己也可以來封裝一個外掛呢，下面我給大家分享一些方法，希望對大家有些幫助。

一、類級別（$.extend）

類級別你可以理解為拓展jquery類，最明顯的例子是$.ajax(...),相當於靜態方法。

開發擴充套件其方法時使用$.extend方法，即jQuery.extend(object);

二、物件級別

物件級別則可以理解為基於物件的拓展，如$("#table").changeColor(...); 這裡這個changeColor呢，就是基於物件的拓展了。

開發擴充套件其方法時使用$.fn.extend方法，即jQuery.fn.extend(object);

三、 jQuery外掛開發過程

1、定義作用域：為外掛定義私有作用域，外部程式碼不能直接存取外掛內部的程式碼，外掛內部的程式碼不汙染全域性變數、

2、為jQuery擴充套件一個外掛：為jQuery的範例新增一個寬展方法。該寬展方法可以接收一些引數。

3、設定預設值：為擴充套件方法設定預設值，一般會將預設屬性物件定義為defaults。使用$.extend(defaults,options)將預設值和傳入的引數進行合併

4、支援jQuery的連線呼叫：迴圈把每個元素返回。

5、外掛裡的方法：為了使程式碼結構化視覺化，需要用到function。在外掛裡的方法不能被外界呼叫

6、自定義回撥函數：使用call和apply方法執行回撥函數，