天天看點

jQuery插件開發學習筆記

  1.類級别的插件開發

  我是這樣了解的:jQuery是類,$是jQuery的别名,$('selector')為jQuery對象

  這種插件類似為jQuery類添加靜态的方法,然後我們就可以像在C#中調用靜态方法一樣使用插件。添加靜态方法的途徑有兩種:

jQuery插件開發學習筆記
jQuery插件開發學習筆記

  相應的調用:$.alert(); $.confirm();

  另一種方法的代碼如下:

  這種是通過jQuery提供的extend方法進行功能的擴充,調用的方法同上。

  另外,為了避免與其它jQuery插件的沖突,我們可以添加自己的命名空間:

  添加了命名空間後的調用:$.sample.alert(); $.sample.confirm();

  2.對象級别的插件開發

jQuery插件開發學習筆記
jQuery插件開發學習筆記

  jQuery推薦這種寫法,好處就在上面的注釋部分。

  在這段代碼中我們将defaults暴漏出來,允許使用者直接通路并設定defaults值,這樣做的好處,是隻需要在一處設定預設值以後,别處都可以直接使用,而不用每次傳遞參數。當然,我們仍然可以傳遞參數,以改變手工設定的預設值。

  我們還可以通過暴漏defaults的相同方法來暴漏一些可供别人擴充的方法;如果需要将一個方法或屬性私有化,隻需要在閉包中定義,而不要提供相應的引用。

  3.總結

  jQuery為開發插件提拱了兩個方法,分别是:

    jQuery.fn.extend(object); 給jQuery對象添加方法。fn 是什麼東西呢?原來 jQuery.fn = jQuery.prototype,jQuery.fn.extend(object)是對jQuery.prototype進行的擴充,就是為jQuery類添加“成員函數”。jQuery類的執行個體可以使用這個“成員函數”。

    jQuery.extend(object); 為擴充jQuery類本身.為類添加新的方法。可以了解為jQuery添加靜态方法。

  

本文轉自齊師傅部落格園部落格,原文連結:http://www.cnblogs.com/youring2/archive/2012/04/05/2433483.htmlX,如需轉載請自行聯系原作者

繼續閱讀