var object1 = {apple: 0,banana: {weight: 52, price: 100},cherry: 97};
var object2 = {banana: {price: 200},durian: 100};
$.extend(object1, object2);
//{apple: 0, banana: {price:200}, cherry: 97, durian: 100}
$.extend(true, object1, object2);
//{apple: 0, banana: {weight: 52, price:200}, cherry: 97, durian: 100}
jQuery.fn.extend()

;(function($, window, document, undefined){
 //Plugin code here
})(jQuery, window, document);

//方式1
;(function($, window, document, undefined){
 $.pluginName = function(){
  //Plugin implementation code here
 }; 
})(jQuery, window, document);
//方式2 當(dāng)全局函數(shù)較多時(shí)
;(function($, window, document, undefined){
 $.extend({
  pluginName = function(){
   //Plugin code here
  }; 
 })
})(jQuery, window, document);

//方式1
;(function($, window, document, undefined){
 $.fn.pluginName = function(options) {
  return this.each(function() { 
  //this關(guān)鍵字代表了這個(gè)插件將要執(zhí)行的jQuery對(duì)象
  //return this.each()使得插件能夠形成鏈?zhǔn)秸{(diào)用
   var defaults = {
    //pro : value
   };
   var settings = $.extend({}, defaults, options);
   // plugin implementationcode here
  });
 }
})(jQuery, window, document);
//方式2
;(function($, window, document, undefined){
 $.fn.extend({
  pluginName : function(){
   return this.each(function(){
    // plugin code here
   });
  };
 })
})(jQuery, window, document);
//方式3 這種類型的插件架構(gòu)允許您封裝所有的方法在父包中，通過(guò)傳遞該方法的字符串名稱和額外的此方法需要的參數(shù)來(lái)調(diào)用它們。
;(function($, window, document, undefined){
  // 在我們插件容器內(nèi)，創(chuàng)造一個(gè)公共變量來(lái)構(gòu)建一個(gè)私有方法 
  var privateFunction = function() { 
   // code here 
  } 
  // 通過(guò)字面量創(chuàng)造一個(gè)對(duì)象，存儲(chǔ)我們需要的公有方法 
  var methods = { 
   // 在字面量對(duì)象中定義每個(gè)單獨(dú)的方法 
   init: function() { 
    // 為了更好的靈活性，對(duì)來(lái)自主函數(shù)，并進(jìn)入每個(gè)方法中的選擇器其中的每個(gè)單獨(dú)的元素都執(zhí)行代碼 
    return this.each(function() { 
     // 為每個(gè)獨(dú)立的元素創(chuàng)建一個(gè)jQuery對(duì)象 
     var $this = $(this); 
     // 創(chuàng)建一個(gè)默認(rèn)設(shè)置對(duì)象 
     var defaults = { 
      propertyName: 'value', 
      onSomeEvent: function() {} 
     } 
   
     // 使用extend方法從options和defaults對(duì)象中構(gòu)造出一個(gè)settings對(duì)象 
     var settings = $.extend({}, defaults, options); 
     // 執(zhí)行代碼 
     // 例如： privateFunction(); 
    }); 
   }, 
   destroy: function() { 
    // 對(duì)選擇器每個(gè)元素都執(zhí)行方法 
    return this.each(function() { 
     // 執(zhí)行代碼 
    }); 
   } 
  }; 
  $.fn.pluginName = function() { 
   // 獲取我們的方法，遺憾的是，如果我們用function(method){}來(lái)實(shí)現(xiàn)，這樣會(huì)毀掉一切的 
   var method = arguments[0]; 
   // 檢驗(yàn)方法是否存在 
   if(methods[method]) { 
    // 如果方法存在，存儲(chǔ)起來(lái)以便使用 
    // 注意：我這樣做是為了等下更方便地使用each（） 
    method = methods[method]; 
  
   // 如果方法不存在，檢驗(yàn)對(duì)象是否為一個(gè)對(duì)象（JSON對(duì)象）或者method方法沒(méi)有被傳入 
   } else if( typeof(method) == 'object' || !method ) { 
  
    // 如果我們傳入的是一個(gè)對(duì)象參數(shù)，或者根本沒(méi)有參數(shù)，init方法會(huì)被調(diào)用 
    method = methods.init; 
   } else { 
    // 如果方法不存在或者參數(shù)沒(méi)傳入，則報(bào)出錯(cuò)誤。需要調(diào)用的方法沒(méi)有被正確調(diào)用 
    $.error( 'Method ' + method + ' does not exist on jQuery.pluginName' ); 
    return this; 
   } 
  
   // 調(diào)用我們選中的方法 
   // 再一次注意我們是如何將each（）從這里轉(zhuǎn)移到每個(gè)單獨(dú)的方法上的 
   return method.call(this); 
  } 
})(jQuery, window, document);
//方式4 面向?qū)ο蟮牟寮_(kāi)發(fā) 將原型和構(gòu)造函數(shù)組合使用，使得通過(guò)構(gòu)造函數(shù)創(chuàng)建的每個(gè)實(shí)例都能繼承相關(guān)屬性與方法
;(function($, window, document, undefined){
 //定義Beautifier的構(gòu)造函數(shù)
 var Beautifier = function(ele, opt) {
  this.$element = ele;
  this.defaults = {
  'color': 'red',
  'fontSize': '12px',
  'textDecoration':'none'
  };
  this.options = $.extend({}, this.defaults, opt);
 }
 //定義Beautifier的原型方法
 Beautifier.prototype = {
  beautify: function() {
  return this.$element.css({
   'color': this.options.color,
   'fontSize': this.options.fontSize,
   'textDecoration': this.options.textDecoration
  });
  }
 }
 //在插件中使用Beautifier對(duì)象
 $.fn.myPlugin = function(options) {
  //創(chuàng)建Beautifier的實(shí)體
  var beautifier = new Beautifier(this, options);
  //調(diào)用其方法
  return beautifier.beautify();
 }
})(jQuery, window, document);