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 相关文章推荐
csdn 论坛技术区平均给分功能
Nov 07 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
JavaScript函数的调用以及参数传递
Oct 21 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
May 10 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
js面向对象方式实现拖拽效果
Mar 03 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
apache集成php7.3.5的详细步骤
2019/06/20 PHP
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
JavaScript多种图形实现代码实例
2020/06/28 Javascript
常见的python正则用法实例讲解
2016/06/21 Python
python字符串的方法与操作大全
2018/01/30 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
基于python实现名片管理系统
2018/11/30 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python 解决相对路径问题:&quot;No such file or directory&quot;
2020/06/05 Python
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
中国梦口号
2014/06/13 职场文书
焦裕禄观后感
2015/06/03 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript