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

有时候，需要屏蔽一个div中所有的input类型，使用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>

结果不是很美观，但是还是蛮有效。

当然美观的方式是在上面建立一个图层进行屏蔽。