禁用/启用div中的所有元素

Question

如何快速禁用/启用任何div中的所有元素（输入，链接和jQ按钮）？

Answer 1

链接没有“禁用”属性，因此您必须更加努力。

$('#my_div').find(':input').prop('disabled', true);
$('#my_div a').click(function(e) {
    e.preventDefault();
});

重新激活：

$('#my_div').find(':input').prop('disabled', false);
$('#my_div a').unbind("click");

:input选择器选择所有输入，textarea，select和按钮元素。

另见http://api.jquery.com/event.preventDefault/

Answer 2

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

要重新启用，只需使用.removeProp() http://api.jquery.com/removeProp/

即可

Answer 3

$('div').find('input, a, button').prop('disabled', true);

或者全部：

$('div *').prop('disabled', true);