上述许多答案仅适用于表单元素。禁用任何 DIV 包括其内容的简单方法是禁用鼠标交互。例如：

$("#mydiv").addClass("disabledbutton");

CSS

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

补充：

许多人评论如下：“这只会禁止鼠标事件，但控件仍处于启用状态”和“您仍然可以通过键盘导航”。您可以将此代码添加到您的脚本中，并且无法通过键盘选项卡等其他方式访问输入。您可以更改此代码以满足您的需要。

$([Parent Container]).find('input').each(function () {
     $(this).attr('disabled', 'disabled');
 });

使用像 JQuery 这样的框架来做这样的事情：

function toggleStatus() {
    if ($('#toggleElement').is(':checked')) {
        $('#idOfTheDIV :input').attr('disabled', true);
    } else {
        $('#idOfTheDIV :input').removeAttr('disabled');
    }   
}

使用 jQuery 禁用和启用 Div 块中的输入元素应该对您有所帮助！

从 jQuery 1.6 开始，您应该使用.prop而不是.attr禁用。

这是对不需要 div 而只需要块元素的人的快速评论。在 HTML5 中<fieldset disabled="disabled"></fieldset>获得了 disabled 属性。禁用字段集中的每个表单元素都被禁用。

我只想提一下这个启用和禁用元素的扩展方法。我认为这比直接添加和删除属性更简洁。

然后您只需执行以下操作：

$("div *").disable();

disabled 属性不是DIV 元素的 W3C 规范的一部分，仅适用于表单元素。

Martin 建议的 jQuery 方法是实现此目的的唯一万无一失的方法。