如何禁用所有div内容

Question

如何禁用所有div内容我假设如果我禁用了div，所有内容也被禁用了。但是，内容是灰色的，但我仍然可以与之交互。有没有办法做到这一点？（禁用div并禁用所有内容）

Answer 1

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

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

CSS

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

Answer 2

使用像JQuery这样的框架来执行以下操作：

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

在Div块中禁用和启用输入元素使用jQuery应该可以帮助您！

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

Answer 3

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

然后你只需：

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