禁用属性不是DIV元素的W3C规范的一部分，只是表单元素的一部分。

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

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

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

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

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

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

使用JQuery这样的框架来做以下事情:

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

禁用和启用输入元素在一个Div块使用jQuery应该帮助你!

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

禁用属性不是DIV元素的W3C规范的一部分，只是表单元素的一部分。

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

有一些可配置的javascript库可以接收html字符串或dom元素，并去掉不需要的标签和属性。这些被称为html杀菌剂。例如:

DOMPurify 疯狂的 sanitize-html

例如，在DOMPurify中

DOMPurify.sanitize('<div>abc<iframe//src=jAva&Tab;script:alert(3)>def</div>'); 
// becomes <div>abcdef</div>