在Javascript中启用和禁用Div及其元素

<div id="dcalc" class="nerkheArz"
 style="left: 50px; top: 150px; width: 380px; height: 370px;
 background: #CDF; text-align: center" >
 <div class="nerkh-Arz"></div>
 <div id="calc"> </div>
</div>

document.getElementById("dcalc").disabled = true;

// This will disable just the div
$("#dcacl").attr('disabled','disabled');

// This will disable everything contained in the div
$("#dcacl").children().attr("disabled","disabled");

// This will disable just the div
$("#dcacl").prop('disabled',true);

// This will disable everything contained in the div
$("#dcacl").children().prop('disabled',true);

//  disable ALL descendants of the DIV
$("#dcacl *").prop('disabled',true);

// This will disable just the div
document.getElementById("dcalc").disabled = true;

// This will disable all the children of the div
var nodes = document.getElementById("dcalc").getElementsByTagName('*');
for(var i = 0; i < nodes.length; i++){
     nodes[i].disabled = true;
}

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

$("#dcac1").find(":input").prop("disabled",true);
// noting that ":input" gives you the equivalent of
$("#dcac1").find("input,select,textarea,button").prop("disabled",true);

$(document).ready(function() {
    var $dcac1kids = $("#dcac1").find(":input");
    $dcac1kids.prop("disabled",true);

在Javascript中启用和禁用Div及其元素

3 个回答