jQuery - plugin 代码模型

严升
2023-12-01

1、扩展 jQuery 的全局函数,主要以 $.xxx() 的形式调用

  (function($) {

    $.myFunction = function(array) {

      // code

    }

  })(jQuery);

  在外部可以这样调用 $.myFunction(...),但是,最好把自定义的全局函数放在自己的命名空间中,如下,

  (function($) {

    $.myNameSpace = {

      sum: function(array) {

        // code

      },

      average: function(array) {

        // code

      }

    };

  })(jQuery);

  那么,在外部调用时也要添加上空间名称,$.myNameSpace.sum(...)

 

2、扩展 jQuery 对象的方法

  jQuery.fn 对象实际是 jQuery.Prototype 的别名,也就是说 jQuery.fn 是 jQuery 对象的原型,

  那么通过扩展 jQuery.fn 对象,也就是为 jQuery 对象添加新的方法。

 

(function($) {

  // 创建可在外部修改的默认值

  $.fn.shadow.defaults = {

    copies: 5,

    opacity: 0.1,

    copyOffset: function(index) {

      // code

    }

  };

 

    // 给 jQuery 对象添加新方法 shadow(opts)

  $.fn.shadow = function(opts) {

    var options = $.extend({}, $.fn.shadow.defaults, opts);

    // code

    ......

    // 注意:此处(方法内部)的 this 指的是调用 shadow() 方法的 jQuery 对象。

  }

)(jQuery);

那么,以上方法可以这样调用,$("p, div").shadow(...);

 

转载于:https://www.cnblogs.com/bylion/p/5068775.html

 类似资料: