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实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
javascript页面加载完执行事件代码
Feb 11 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
浅析webapp框架AngularUI的demo
Dec 21 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
深入解析koa之中间件流程控制
Jun 17 Javascript
JS Array.from()将伪数组转换成数组的方法示例
Mar 23 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
jQuery实现开关灯效果
Aug 02 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
PHP 模板高级篇总结
2006/12/21 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
JavaScript中Math对象使用说明
2008/01/16 Javascript
Javascript 强制类型转换函数
2009/05/17 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
Vue实现回到顶部和底部动画效果
2019/07/31 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
使用python绘制常用的图表
2016/08/27 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
Python unittest 简单实现参数化的方法
2018/11/30 Python
详解用python生成随机数的几种方法
2019/08/04 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
蒂芙尼澳大利亚官方网站:Tiffany&Co. Australia
2017/08/27 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
C#实现启动一个进程
2016/10/01 面试题
软件测试笔试题
2012/10/25 面试题
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
呐喊读书笔记
2015/06/30 职场文书
Flink 侧流输出源码示例解析
2022/09/23 Servers