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

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

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

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

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

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

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

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

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

function disableItems(divSelector){
    var disableInputs = $(divSelector).find(":input").not("[disabled]");
    disableInputs.attr("data-reenable", true);
    disableInputs.attr("disabled", true);
}

function reEnableItems(divSelector){
    var reenableInputs = $(divSelector).find("[data-reenable]");
    reenableInputs.removeAttr("disabled");
    reenableInputs.removeAttr("data-reenable");
}

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

如果你想禁用指针事件，它很容易处理

document.getElementById("appliedDatepicker").style.pointerEvents = "none";

or

如果你想启用，

document.getElementById("appliedDatepicker").style.pointerEvents = "auto";