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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 屏蔽一个区域内的所有元素，禁止输入

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 278 ::

收藏到网摘: n/a

javascript 网页上跳动的文字 VBScript 实现文字遮罩

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

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

javascript 网页上跳动的文字 VBScript 实现文字遮罩

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

评论 (0) All