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


Posted in Javascript onOctober 22, 2009

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 相关文章推荐
jquery 学习之一 对象访问
Nov 23 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
Highcharts学习之坐标轴
Aug 02 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
vue-week-picker实现支持按周切换的日历
Jun 26 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
Domino中运用jQuery读取视图内容的方法
Oct 21 #Javascript
JavaScript 常用函数库详解
Oct 21 #Javascript
再谈ie和firefox下的document.all属性
Oct 21 #Javascript
javascript void(0)的妙用
Oct 21 #Javascript
extjs 学习笔记 四 带分页的grid
Oct 20 #Javascript
Jquery Ajax.ashx 高效分页实现代码
Oct 20 #Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 #Javascript
You might like
php变量作用域的深入解析
2013/06/03 PHP
php编程每天必学之表单验证
2016/03/01 PHP
yii2缓存Caching基本用法示例
2016/07/18 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
php intval函数用法总结
2019/04/14 PHP
自动更新作用
2006/10/08 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
python实现rest请求api示例
2014/04/22 Python
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
Python优先队列实现方法示例
2017/09/21 Python
Django框架使用富文本编辑器Uedit的方法分析
2018/07/31 Python
python中while和for的区别总结
2019/06/28 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
基于Python实现粒子滤波效果
2020/12/01 Python
Python: glob匹配文件的操作
2020/12/11 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
css sprite简单实例
2016/05/23 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
商务英语专业自荐信
2013/10/14 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
2016新年年会主持词
2015/07/06 职场文书