jQuery 插件-（初体验一）

1.jquery有2个扩展方法：

• jquery.fn.extend=jquery.prototype.extend
• jquery.extend

(两者的区别放在后面文章说)

2.具体实例结构：

//创建及时作用域 (function ($) {      // 通过字面量创造一个对象，存储我们需要的共有方法     var methods = {         inint: function (options) {              //返回“this”（函数each（）的返回值也是this），以便进行链式调用。             return this.each(function () {                  // 为每个独立的元素创建一个jQuery对象                 var $this = $(this);                  //设置默认值                 var defaults = {                     proName: 'zqz'                  };                  if (typeof (options) == 'undefined') {                     settings = $.extend({}, defaults);                 } else {                     var settings = {                         proName: options.proName,                         Events: handlers.zqzClick($this, options)                     };                     settings = $.extend({}, defaults, settings);                 }              })         }     };      //事件         var handlers = {             zqzClick: function ($this, options) {                 $this.bind('click', options.zqzClick);             }         };     //向jQuery中被保护的“fn”命名空间中添加你的插件代码，用“zqz”作为插件的函数名称         $.fn.zqz = function () {              // 检验方法是否存在             var method = arguments[0];          if (methods[method]) {             method = methods[method];              arguments = Array.prototype.slice.call(arguments, 1);              // 如果方法不存在，检验对象是否为一个对象（JSON对象）或者method方法没有被传入         } else if (typeof (method) == 'object' || !method) {             method = methods.inint;         } else {             $.error('asdasd');              return this;         }         return method.apply(this, arguments);     }  })(jQuery)  //调用 $(function () {         //$('#blanckjh').zqz();            $('#blanckjh').zqz({             'proName': 'wdx',              'zqzClick': function () {                 alert("zqz");             }          });     })

3.插件中涉及到的一些概念与注意事项放在后面文章说