Jquery拡張方法

Pocket


(function($) {

    /*
     * jQueryのFunction拡張
     */
    $.fn.extend({

        /** サンプルメソッド */
        clickBindSampleMethod: function(options) {

            // 引数(オブジェクト)の拡張
            // 例1
            // optionsに格納されたプロパティがitem:"1"とid:"ABC01"の場合、
            // $.extendすると、options.item:"1"とid"ABC01"になる
            // 例2
            // optionsに格納されたプロパティがid:"ABC01"の場合、
            // $.extendすると、options.item:"defaultValue"とid"ABC01"になる
            options = $.extend({
                item: "defaultValue"
            }, options);
            
            
            var dispMessage = function () {
                alert(options.item + "(" options.id + ")");

            };

            // メソッドチェーンに対応するため、必ず自分自身を複数件で返却
            return this.click(dispMessage).each(function() {});
        }
    });

})(jQuery);


// 用法
$("button").clickBindSampleMethod({item:"保存します", id:"ABC01"});


タイトルとURLをコピーしました