我是靠谱客的博主 忐忑菠萝,最近开发中收集的这篇文章主要介绍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>

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

最后

以上就是忐忑菠萝为你收集整理的jquery 屏蔽一个区域内的所有元素,禁止输入的全部内容,希望文章能够帮你解决jquery 屏蔽一个区域内的所有元素,禁止输入所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(125)

评论列表共有 0 条评论

立即
投稿
返回
顶部