繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 屏蔽一个区域内的所有元素，禁止输入
- Javascript
- 用jquery实现学校的校历(asp.net+jquery ui 1.72)
- 使用JQUERY Tabs插件宿主IFRAMES
- jquery 简短右键菜单 多浏览器兼容
- JQery 渐变图片导航效果代码 漂亮
- HTML node相关的一些资料整理
- JavaScript与DropDownList 区别分析
- 20个非常棒的Jquery实用工具 国外文章
- Firefox+FireBug使JQuery的学习更加轻松愉快
- firefox firebug中文入门教程 脚本之家新年特别版
- firefox插件Firebug的使用教程
- javascript addLoadEvent函数说明
- javascript getElementsByClassName 和js取地址栏参数
- 让firefox支持IE的一些方法的javascript扩展函数代码
- javascript 多种搜索引擎集成的页面实现代码
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- javascript 模拟点击广告
- javascript 精确获取样式属性（上）
- javascript 精确获取样式属性（下）
- javascript 精确获取页面元素的位置
- javascript 可控式透明特效实现代码
Javascript 中的 jquery 屏蔽一个区域内的所有元素，禁止输入
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 160 ::
收藏到网摘: n/a
有时候，需要屏蔽一个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>
结果不是很美观，但是还是蛮有效。
当然美观的方式是在上面建立一个图层进行屏蔽。
评论 (0) All
