使用Javascript / JQuery禁用整个DIV

Question

我有以下DIV，其中显示了一些控件：

<div id="buttonrow" class="buttonrow">
        <div class="Add" title="Add">
            <div class="AddButton">
                <input id="images" name="images" title="Add Photos" multiple="multiple" type="file">
            </div>
            <div class="AddText">
                Add
            </div>
        </div>
        <div class="Upload" title="Upload">
            <div class="UploadButton">
                <button id="start" type="submit" title="Upload Photos">
                </button>
            </div>
            <div class="UploadText">
                Upload
            </div>
        </div>
        <div class="Clear" title="Clear">
            <div class="ClearButton">
                <button id="reset" type="reset" title="Clear Photos">
                </button>
            </div>
            <div class="ClearText">
                Clear
            </div>
        </div>
        <div class="Delete" title="Delete">
            <div class="DeleteButton">
                <button id="delete" type="button" title="Delete Photos">
                </button>
            </div>
            <div class="DeleteText">
                Delete
            </div>
        </div>
        <div id="SelectAll">
            <input title="Select All Images" id="selectAllCB" type="checkbox">
        </div>
        <div id="dragandrophandler">
            Drag &amp; Drop Your Photos Here
        </div>
        <div id="ImagesCount">
        </div>
        <div id="Loading" class="Loading">
            <img alt="loading" src="../customcontrol/progress.gif">
            <div>
                Loading...</div>
        </div>
    </div>

我需要知道如何使用Javascript / JQuery函数禁用整个DIV吗？

编辑：禁用DIV意味着用户应该不能与DIV控件进行交互。 它们必须处于只读状态（不可单击）。 我不想隐藏DIV！

Answer 1

在Javascript中，您可以使用：

<script lnaguage="javascript">
   document.getElementById('buttonrow').style.display='none';
</script>

Answer 2

采用：

 $("#buttonrow *").attr("disabled", "disabled").off('click');

Answer 3

$("button, input",$("#buttonrow")).attr("disabled", "disabled");

Answer 4

您能尝试一下吗：

$("#buttonrow").each(function()
{
  $(this).prop('disbaled',true);
});

希望这可以帮助..

Answer 5

$('#buttonrow').on('click', function(){
   $(this).css({ 'opacity': 0.7 });
   return false;
})

Answer 6

使用.prop()尝试一下：

$("#buttonrow :input").prop("disabled", true);

:input将选择所有输入元素，包括文本，文本区域，按钮，选择等。