jquery 屏蔽一个区域内的所有元素，禁止输入

jquery 扩展函数：
复制代码代码如下:
<script type="text/javascript">
（function（$） {
$.fn.disable = function（） {
/// <summary>
/// 屏蔽所有元素
/// </summary>
/// <returns type="jQuery" />
return $（this）.find（"*"）.each（function（） {
$（this）.attr（"disabled", "disabled"）;
}）;
}
$.fn.enable = function（） {
/// <summary>
/// 使得所有元素都有效
/// </summary>
/// <returns type="jQuery" />
return $（this）.find（"*"）.each（function（） {
$（this）.removeAttr（"disabled"）;
}）;
}
}）（jQuery）;
</script>

使用方式：装载立即屏蔽：
复制代码代码如下:
<script type="text/javascript">
$（document）.ready（function（） {
$（"#div_test"）.disable（）;
}）;
</script>

结果不是很美观，但是还是蛮有效。
当然美观的方式是在上面建立一个图层进行屏蔽。