@James Donnelly提供了一个全面的答案，它依赖于用一个新函数扩展jQuery。这是一个很好的想法，所以我要调整他的代码，让它以我需要的方式工作。

延长jQuery

$.fn.disable=-> setState $(@), true
$.fn.enable =-> setState $(@), false
$.fn.isDisabled =-> $(@).hasClass 'disabled'

setState=($el, state) ->
    $el.each ->
        $(@).prop('disabled', state) if $(@).is 'button, input'
        if state then $(@).addClass('disabled') else $(@).removeClass('disabled')

    $('body').on('click', 'a.disabled', -> false)

使用

$('.btn-stateful').disable()
$('#my-anchor').enable()

代码将处理单个元素或元素列表。

按钮和输入支持disabled属性，如果设置为true，它们将看起来是禁用的(多亏了bootstrap)，并且在单击时不会触发。

锚点不支持disabled属性，因此我们将依赖.disabled类使它们看起来是禁用的(再次感谢bootstrap)，并通过返回false连接一个默认的click事件来阻止单击(不需要preventDefault参见这里)。

注意:当重新启用锚时，您不需要取消此事件。简单地删除.disabled类就可以了。

当然，如果你在链接上附加了一个自定义的点击处理程序(在使用bootstrap和jQuery时非常常见)，这就没有帮助了。因此，为了解决这个问题，我们将使用isDisabled()扩展来测试.disabled类，如下所示:

$('#my-anchor').click -> 
    return false if $(@).isDisabled()
    # do something useful

我希望这有助于简化一些事情。

假设你有这样的，目前是启用的。

<button id="btnSave" class="btn btn-info">Save</button>

只要加上这个:

$("#btnSave").prop('disabled', true);

你会得到这个，它会禁用按钮

<button id="btnSave" class="btn btn-primary" disabled>Save</button>

如果你像我一样，只是想禁用一个按钮，请不要错过隐藏在这篇长文章中的简单答案:

 $("#button").prop('disabled', true);

假设你在页面上有这样的按钮:

<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit"value="Enable All" onclick="change()"/>

js代码:

function change(){
   var toenable = document.querySelectorAll(".byBtn");        
    for (var k in toenable){
         toenable[k].removeAttribute("disabled");
    }
}

我想不出更简单的办法了!: -)

使用锚标签(链接):

<a href="#delete-modal" class="btn btn-danger" id="delete">Delete</a>

要启用Anchor标签:

 $('#delete').removeClass('disabled');
 $('#delete').attr("data-toggle", "modal");

禁用Anchor标签:

 $('#delete').addClass('disabled');
 $('#delete').removeAttr('data-toggle');

所有人的回答和贡献都很棒!我不得不稍微扩展这个功能，包括禁用选择元素:

jQuery.fn.extend({
disable: function (state) {
    return this.each(function () {
        var $this = jQuery(this);
        if ($this.is('input, button'))
            this.disabled = state;
        else if ($this.is('select') && state)
            $this.attr('disabled', 'disabled');
        else if ($this.is('select') && !state)
            $this.removeAttr('disabled');
        else
            $this.toggleClass('disabled', state);
    });
}});

似乎对我有用。感谢所有!