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 相关文章推荐
JS实现图片预加载无需等待
Dec 21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
javascript 函数声明与函数表达式的区别介绍
Oct 05 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
JavaScript对象创建模式实例汇总
Oct 03 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
PHP中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
PHP加密解密类实例代码
2016/07/20 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
Javascript事件实例详解
2013/11/06 Javascript
JS对象转换为Jquery对象实现代码
2013/12/29 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
javascript 闭包详解及简单实例应用
2016/12/31 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
python 多线程实现检测服务器在线情况
2015/11/25 Python
详解python开发环境搭建
2016/12/16 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python第三方库安装缓慢的解决方法
2021/02/06 Python
中国高端家电购物商城:顺电
2018/03/04 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
单位工作证明书格式
2014/10/04 职场文书
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android