jQuery 插件机制

jQuery提供了两个用于扩展jQuery功能的方法，即jQuery.fn.extend()和jQuery.extend()。

这两个方法都接受一个参数，类型为Object。Object对象的“名/值对”分别代表“函数或方法名/函数主体”。

前者用于扩展封装对象方法的插件":

   1:  ; (function ($) {

   2:      $.fn.extend({

   3:          "plug1": function (options) {

   4:   

   5:          },

   6:          "plug3": function (options) {

   7:   

   8:          },

   9:          "plug3": function (options) {

  10:   

  11:          },

  12:      });

  13:  })(jQuery);

后者用于扩展选择器插件以及封装全局函数插件:

选择器插件

   1:  ; (function ($) {

   2:      $.extend($.expr[":"],{

   3:          selectName: function (a,b,c) {

   4:   

   5:          }

   6:      });

   7:  })(jQuery);

封装全局函数插件

   1:  ; (function ($) {

   2:      $.extend({

   3:          fun1: function (options) {

   4:   

   5:          },

   6:          fun2: function (options) {

   7:   

   8:          },

   9:      });

  10:  })(jQuery);

jQuery.extend()方法除了可以扩展jQuery对象外，还有一个非常强大的功能，就是用于扩展已有的Object对象。

jQuery代码如下：

   1:  jQuery.extend(target,obj2,obj2……[objN])

用一个或多个其他对象来扩展一个对象，然后返回被扩展的对象。

   1:  var user1 = { name: "张三", age: 10, address: "湖北" };

   2:  var user2 = { age: 22, address: "珠海", sex: "男" };

   3:  var newUser = jQuery.extend(user1, user2);

结果：

正因为这一点，jQuery.extend()方法经常用于设置插件方法的一些列默认参数。

   1:  ; (function ($) {

   2:      $.fn.extend({

   3:          "setBgColor": function (options) {

   4:              options = $.extend({ odd: "odd", even: "even", selected: "selected" }, options);

   5:          }

   6:      });

   7:  })(jQuery);