繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 屏蔽一个区域内的所有元素，禁止输入
- Javascript
- JQuery 学习笔记 选择器之四
- JQuery 学习笔记 选择器之五
- JQuery 学习笔记 选择器之六
- JQuery CSS样式控制 学习笔记
- 用js模仿word格式刷功能实现代码 [推荐]
- 运用jquery实现table单双行不同显示并能单行选中
- jqPlot jquery的页面图表绘制工具
- jquery tools之tabs 选项卡/页签
- jquery tools之tooltip
- 浅析Javascript原型继承 推荐
- JQuery UI皮肤定制
- 实现lightBox时的样式与行为分离减少JS
- JQuery 表格操作(交替显示、拖动表格行、选择行等)
- javascript 进度条 实现代码
- Javascript this指针
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- javascript 写的一个简单的timer
- javascript 处理HTML元素必须避免使用的一种方法
- Javascript 验证上传图片大小[客户端]
- jQuery 隔行换色 支持键盘上下键，按Enter选定值
Javascript 中的 jquery 屏蔽一个区域内的所有元素，禁止输入
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 246 ::
收藏到网摘: 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
