实现这一点的一种方法是将disabled道具添加到div的所有子元素中。你可以很容易地实现这一点:

$("#myDiv").find("*").prop('disabled', true);

$("#myDiv")找到div， .find("*")得到所有级别的所有子节点，.prop('disabled'， true)禁用每个子节点。

这样所有的内容都是禁用的，你不能点击它们，标签到它们，滚动它们，等等。此外，您不需要添加任何css类。

我会使用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();

测试浏览器:IE 9、Chrome、Firefox和jquery-1.7.1.min.js

    $(document).ready(function () {
        $('#chkDisableEnableElements').change(function () {
            if ($('#chkDisableEnableElements').is(':checked')) {
                enableElements($('#divDifferentElements').children());
            }
            else {
                disableElements($('#divDifferentElements').children());
            }
        });
    });

    function disableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = true;

            disableElements(el[i].children);
        }
    }

    function enableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = false;

            enableElements(el[i].children);
        }
    }

$("#yourdivid textarea, #yourdivid input, #yourdivid select").attr('disabled',true);

如果您想保持禁用的语义，如下所示

<div disabled="disabled"> Your content here </div>

您可以添加以下CSS

div[disabled=disabled] {
  pointer-events: none;
  opacity: 0.4;
}

这样做的好处是，您不需要使用您想要使用的div上的类

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

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

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

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