有一些可配置的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>

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

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

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

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

这是给搜索者的，

我做得最好的是，

$('#myDiv *').attr("disabled", true);                   
$('#myDiv *').fadeTo('slow', .6);

这里有一个快速的评论给那些不需要div而只需要blockelement的人。在HTML5中<fieldset disabled="disabled"></fieldset>得到了disabled属性。禁用字段集中的每个表单元素都是禁用的。

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

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

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

CSS

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

补充:

许多人这样评论:“这只会禁止鼠标事件，但控件仍然是启用的”和“你仍然可以通过键盘导航”。你可以将此代码添加到你的脚本中，输入不能以键盘选项卡等其他方式到达。您可以更改此代码以满足您的需要。

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