程序员人生网站导航

JQuery 禁止区域内所有元素输入的例子

栏目：jquery时间：2014-01-01 18:31:19

　　有时候，需要屏蔽一个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>

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

------分隔线----------------------------

上一篇 Oracle 查询记录是否存在的效率问题

下一篇 VFP基础教程 9.1 sql语言概述

------分隔线----------------------------