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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
JS实现文字掉落效果的方法
May 06 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
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
main.php
2006/12/09 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
2014/10/17 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python实现雨滴下落到地面效果
2018/06/21 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
python编写猜数字小游戏
2019/10/06 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
python 瀑布线指标编写实例
2020/06/03 Python
python退出循环的方法
2020/06/18 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
OpenCV+python实现膨胀和腐蚀的示例
2020/12/21 Python
我的大学四年规划书范文2014
2014/09/26 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
客房部经理岗位职责
2015/02/02 职场文书