如何禁用所有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();