我最喜欢的jQuery插件模板

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

;(function($) {

  // multiple plugins can go here

  (function(pluginName) {

    var defaults = {

      color: ‘black‘,

      testFor: function(div) {

        return true;

      }

    };

    $.fn[pluginName] = function(options) {

      options = $.extend(true, {}, defaults, options);

      return this.each(function() {

        var elem = this,

          $elem = $(elem);

        // heres the guts of the plugin

          if (options.testFor(elem)) {

            $elem.css({

              borderWidth: 1,

              borderStyle: ‘solid‘,

              borderColor: options.color

            });

          }

      });

    };

    $.fn[pluginName].defaults = defaults; 

  })(‘borderize‘);

})(jQuery);

//下面是用法

$(‘div‘).borderize();

$(‘div‘).borderize({color: ‘red‘});

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

$(‘.borderize‘).borderize({

    testFor: function(elem) {

        var $elem = $(elem);

        if (elem.is(‘.inactive‘)) {

            return false;

        } else {

            // calling "parent" function

            return $.fn.borderize.defaults.testFor.apply(this, arguments);

        }

    }

});

We can even do this with regular properties like this

var someVarThatMayBeSet = false;

/* code ... */

$(‘.borderize‘).borderize({

    color: someVarThatMayBeSet ? ‘red‘ : $.fn.borderize.defaults.color

});