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 相关文章推荐
javascript操作文本框readOnly
May 15 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
jQuery+css实现图片滚动效果(附源码)
Mar 18 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
jQuery模拟点击A标记示例参考
Apr 17 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 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
世界收音机发展史
2021/03/01 无线电
用PHP+MySql编写聊天室
2006/10/09 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
PHP 断点续传实例详解
2017/11/11 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
JS实现可改变列宽的table实例
2013/07/02 Javascript
jquery 延迟执行实例介绍
2013/08/20 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
python3.7 的新特性详解
2019/07/25 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
python requests.get带header
2020/05/05 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
受欢迎的大学生自我评价
2013/12/05 职场文书
论文评语大全
2014/04/29 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
瘦西湖导游词
2015/02/03 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL