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 学习小结(适合新手参考)
Jul 30 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
vue项目中api接口管理总结
Apr 20 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 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 长文章分页函数 带使用方法,不会分割段落,翻页在底部
2009/10/22 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
Python中的defaultdict模块和namedtuple模块的简单入门指南
2015/04/01 Python
Python第三方库的安装方法总结
2016/06/06 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
对python中Json与object转化的方法详解
2018/12/31 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
2014年班主任自我评价范文
2014/04/23 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
5s推行计划书
2014/05/06 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
2014年妇幼卫生工作总结
2014/12/09 职场文书
汶川大地震感悟
2015/08/10 职场文书
导游词之江南周庄
2019/12/06 职场文书