jQuery插件记录 <一>基本的插件编写模式

(function($){

      sumArray:funtion(array){

                        var total = 0;

                       $.each(array,function(index,value){

                               total += value;

                       })

                       return total;

}

})

下面我介绍一种插件编写方法IIFE(Immediately Invoked Function Expression,即立即执行的函数表达式)。

我理解的是当插件在载入时（当然必须先引入jquery）则直接执行并生成了全局函数，返回需要使用时直接调用即可。接下来介绍类创建方法

一、直接使用$默认空间创建全局函数（缺点容易与原生jquery函数冲突）。

1、直接使用变量=函数方式，代码例子如下：

(function($){
   $.sumArray=function(array){
      var total = 0;
      $.each(array,function(index,value){
        total+=value;
      })
      return total;
}
})(jQuery)

2、使用extend，代码如下：

(function($){

      $.extend({
                sumArray:funtion(array){

                        var total = 0;

                       $.each(array,function(index,value){

                               total += value;

                       })

                       return total;

                 }

      }
 })

执行：

var array = new Array();

array[0] = 1;

array[1] = 2;

$.sumArray(array);

二、使用自定义命名空间

代码如下：

(function($){

      $.arrayUtils = {
                sum:funtion(array){

                        var total = 0;

                       $.each(array,function(index,value){

                               total += value;

                       })

                       return total;

                 }

      }
 }

执行:

var array = new Array();

array[0] = 1;

array[1] = 2;

$.arrayUtils.sum(array);