jqueryプラグインパッケージテンプレート

1890 ワード

開発ではプラグインパッケージを使うことが多いが、テンプレートの書き方を忘れてしまうことが多い.ここに記号を残して、その時に直接持ってきて使えばいい.
//      
;(function ($) {
    $.fn.plugIn = function ( opt ) {
        var def = {
            //
            event : 'click'
        }
        opt = $.extend( def , opt );
        this.each(function(){

            var that = $(this); //that     .box
             //    
            that.on( opt.event , function(){
                alert( opt.event );
            });

        });
        return this;
    }
})(jQuery);

//  
$('.box').plugIn({
    event : 'mouseover' //     
});