jquery外掛程式開發三種方法

標籤：外掛程式   調用   color   this   selector   對象   alert   命名   json格式   

1.好像之前看視頻記錄下來的，不記得了。

 1 //類層級外掛程式開發，主要是在jQuery中定義全域方法： 2  3 //第一種寫法 4 jQuery.myFunc = function(str){ 5     alert("直接在jquery中定義方法",str) 6 } 7 //調用方式  $.myFunc("hello!"); 8  9 //第二種寫法10 jQuery.extend({11     myFunc:function(str){12         alert("extend擴充$的方法",str)13     }14 })15 //調用方式  $.myFunc("hello!");16 17 18 //第三種寫法： 為了不汙染全域，掛載一個對象作為命名空間，自訂的所有方法放在這裡，保證jQuery全域安全。19 jQuery.define={20     myFunc:function(str){21         alert("命名空間的寫法",str)22     }23 }24 25 //調用方式：$.define.myFunc("hello");26 27 28 //以上三種是層級外掛程式開發方式，不常用，從調用方式看出，他們是全域執行的，不需要綁定節點對象。29 30 31 //對象層級外掛程式開發：有規範模板32 33 ;(function($){34     $.fn.plugin = function(options){35         var defaults = {36             //各種預設參數37         }38         var options = $.extend(defaults,options); //傳入的參數覆蓋預設參數39         this.each(function(){40             var _this = $(this);  //緩衝一下外掛程式傳進來的節點對象。41             //執行內容42             43             44         })45         return $(this);   //把節點對象返回去，為了支援鏈式調用。46     }47 })(jQuery);48 49 //調用方式 50 $("selector").plugin({51     //自訂參數，json格式52 })

 

jquery外掛程式開發三種方法