jQuery自訂外掛程式__JavaScript/jquery

  jQuery自訂外掛程式 分類： jquery java 2014-03-19 16:57  1531人閱讀  評論(0)  收藏  舉報 jquery jquery外掛程式

總結：

jQuery編寫外掛程式的兩種方法

1.添加jQuery對象級的外掛程式，是給jQuery類添加方法

寫法：

[javascript]  view plain copy print ? ;(function($){       $.fn.extend({           "函數名":function(自訂參數){               //這裡寫外掛程式代碼           }       });   })(jQuery);   或者   ;(function($){       $.fn.函數名=function(自訂參數){           //這裡寫外掛程式代碼       }   })(jQuery);   調用方法：$("#id").函數名(參數);

2.jQuery類層級的外掛程式，相當於添加靜態方法

[javascript]  view plain copy print ? ;(function($){       $.extend({           "函數名":function(自訂參數){               //這裡寫外掛程式代碼           }       });   })(jQuery);   或者   ;(function($){       $.函數名=function(自訂參數){           //這裡寫外掛程式代碼       }   })(jQuery);   調用方法：$.函數名(參數);

jquery外掛程式的種類：

  1.對象層級的外掛程式開發，即給jQuery對象添加方法，封裝對象方法的外掛程式，如:parent()、appendTo()

  2.一種是類層級的外掛程式開發，即給jQuery添加新的全域函數，相當於給jQuery類本身添加方法，jQuery的全域函數就是屬於jQuery命        名空間的函數，封裝全域函數的外掛程式

  3.選取器外掛程式

jQuery外掛程式機制

  jQuery為開發外掛程式提拱了兩個方法，分別是：

     jQuery.fn.extend(object); 給jQuery對象添加方法。

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

     這兩個方法都接受一個參數，類型為Object，Object對應的"名/值對"分別代表"函數或方法體/函數主體"。

 fn 是什麼東西呢。

 查看jQuery代碼，就不難發現：

[javascript]  view plain copy print ? <span style="font-size:12px;">jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//....　 //...... }; </span>  

 原來 jQuery.fn = jQuery.prototype.對prototype肯定不會陌生啦。雖然javascript沒有明確的類的概念，但是用類來理解它，會更方便。jQuery便是一個封裝得非常好的類，比如  我們用 語句　$("#btn1") 會產生一個 jQuery類的執行個體。

 jQuery.fn.extend(object)， 對jQuery.prototype進行擴充，就是為jQuery類添加“成員函數”。jQuery類的執行個體可以使用這個“成員函數”。即：$("#id").object();

 jQuery.extend()方法除了可以擴充jQuery對象外，還可以擴充已有的Object對象，經常被用於設定外掛程式方法的一系列預設參數，可以很方便的用傳入的參數來覆蓋預設值

 jQuery.extend(object1,object2)object1預設參數值，object2傳入的參數值；詳細說明，請點擊這裡

[javascript]  view plain