我会使用Cletus函数的改进版本:

 $.fn.disable = function() {
    return this.each(function() {          
      if (typeof this.disabled != "undefined") {
        $(this).data('jquery.disabled', this.disabled);

        this.disabled = true;
      }
    });
};

$.fn.enable = function() {
    return this.each(function() {
      if (typeof this.disabled != "undefined") {
        this.disabled = $(this).data('jquery.disabled');
      }
    });
};

它存储元素的原始“disabled”属性。

$('#myDiv *').disable();

您可以使用这个简单的CSS语句禁用事件

#my-div {
    pointer-events:none;
}

HTML输入控件可以使用'disabled'属性禁用。一旦为输入控件设置了'disabled'属性，就不会调用与该控件关联的事件处理程序。

如果你愿意，你必须模拟上述行为的HTML元素，不支持'disabled'属性，如div。

如果你有一个div，你想要在这个div上支持点击或一个键事件，那么你必须做两件事: 1)当你想禁用div时，像往常一样设置它的disabled属性(只是为了遵守约定) 2)在你的div的点击和/或键处理程序中，检查是否在div上设置了disabled属性。如果是，那么忽略点击或键事件(例如，立即返回)。如果未设置disabled属性，则执行div的单击和/或键事件逻辑。

以上步骤也是浏览器独立的。

这是给搜索者的，

我做得最好的是，

$('#myDiv *').attr("disabled", true);                   
$('#myDiv *').fadeTo('slow', .6);

简单集解

看看我的选择器

$myForm.find('#fieldsetUserInfo input:disabled').prop("disabled", false);

fieldsetUserInfo是div包含我想禁用或启用的所有输入

希望这对你有所帮助

这个css仅/noscript解决方案在fieldset(或div或任何其他元素)上添加了一个覆盖层，防止交互:

fieldset { position: relative; }
fieldset[disabled]::after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: all; background: rgba(128,128,128,0.2); }

如果你想要一个不可见的，即透明的覆盖，将背景设置为rgba(128,128,128,0)，因为没有背景它将不起作用。 以上操作适用于IE9+。下面这个简单得多的css可以在IE11+上运行

[disabled] { pointer-events: none; }

铬