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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
Sep 08 Javascript
Javascript读取cookie函数代码
Oct 16 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
node.js处理前端提交的GET请求
Aug 30 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 switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
通过fastclick源码分析彻底解决tap“点透”
2017/12/24 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
在python中的socket模块使用代理实例
2014/05/29 Python
Python中的lstrip()方法使用简介
2015/05/19 Python
python登录豆瓣并发帖的方法
2015/07/08 Python
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
python能做哪些生活有趣的事情
2020/09/09 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
在校生钳工实习自我鉴定
2013/09/19 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
初中班主任评语大全
2014/04/24 职场文书
党员转正党支部意见
2015/06/02 职场文书
2019入党申请书格式
2019/06/25 职场文书
2019个人工作计划书的格式及范文!
2019/07/04 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android