您当前位置：首页 > web前端 > jquery > JQuery 禁止区域内所有元素输入的例子

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

来源：程序员人生发布时间：2014-01-01 18:31:19 阅读次数：2983次

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

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点