Jquery插件写按钮状态

/**
 * Created by RATDATA on 2016/8/30.
 */
(function ($) {
    $.fn.extend({
        "ButtonOFF": function (key) {
            ///<summary>
            /// 按钮不可用
            ///</summary>
            if (key==undefined)
            {
                key='数据加载中...';
            }
            this.val(key) //设置按钮显示文字
            this.css({ background: "#A1A1A1" });
            this.attr('disabled',"true");
        },
        "ButtonON": function (key) {
            ///<summary>
            /// 按钮可用
            ///</summary>
            if (key!=undefined)
            {
                this.val(key)
                //设置按钮显示文字//没有就不改变文字
            } this.css({ background: "#21c284" }); 
            this.removeAttr("disabled"); }, 
    });
})(jQuery);

调用方法

$(this).ButtonOFF('发送中...');
this.ButtonOFF('发送中...');

因为在经常处理ajax的时候要锁定按钮以及变换按钮颜色,所以写个jquery插件方便点

</pre><pre>

当中有点逻辑问题 自己发现哈 我还没改,其实可以更改成配置模式 更方便