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中的this示例学习详解及工作原理
Jan 13 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
JavaScript Promise启示录
Aug 12 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
vue中使用vue-cli接入融云实现即时通信
Apr 19 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
jquery实现简单自动轮播图效果
Jul 29 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文件上传实例详解!!!
2007/01/02 PHP
PHP读取XML值的代码(推荐)
2011/01/01 PHP
解析isset与is_null的区别
2013/08/09 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
如何快速上手Vuex
2017/02/14 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python之django母板页面的使用
2018/07/03 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
美国领先的礼品卡网站:GiftCards.com
2016/11/02 全球购物
关于读书的演讲稿
2014/05/07 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
天那边观后感
2015/06/09 职场文书
贷款收入证明范本
2015/06/12 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
基于angular实现树形二级表格
2021/10/16 Javascript
windows server2016安装oracle 11g的图文教程
2022/07/15 Servers