jQuery插件创建和面向公众的方法

$('SELEct').customSELEct(); // apply plugin to elements
$('SELEct').customSELEct('resetOpacity'); // call method resetOpacity();
$('SELEct').customSELEct('setOpacity',0.5); // call method with arguments

用于创建此类插件的基本模板如下所示：

// plugin example
(function($){
    // custom SELEct class
    function CustomSELEct(item,options) {
        this.options = $.extend({
            foo: 'bar'
        },options);
        this.item = $(item);
        this.init();
    }
    CustomSELEct.prototype = {
        init: function() {
            this.item.css({opacity:0.5});
        },resetOpacity: function() {
            this.setOpacity('');
        },setOpacity: function(opacity) {
            this.item.css({opacity:opacity});
        }
    }

    // jQuery plugin interface
    $.fn.customSELEct = function(opt) {
        // slice arguments to leave only arguments after function name
        var args = Array.prototype.slice.call(arguments,1);
        return this.each(function() {
            var item = $(this),instance = item.data('CustomSELEct');
            if(!instancE) {
                // create plugin instance and save it in data
                item.data('CustomSELEct',new CustomSELEct(this,opt));
            } else {
                // if instance already created call method
                if(typeof opt === 'String') {
                    instance[opt].apply(instance,args);
                }
            }
        });
    }

}(jQuery));

// plugin tesTing
$('SELEct').customSELEct();

工作JS在这里小提琴：http://jsfiddle.net/XsZ3Z/