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面向对象编程
Mar 04 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
Jun 12 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
jQuery实现鼠标拖动图片功能
Mar 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写的小东西
2006/12/06 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
js验证是否为数字的总结
2013/04/14 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
npm国内镜像 安装失败的几种解决方案
2017/06/04 Javascript
各种选择框jQuery的选中方法(实例讲解)
2017/06/27 jQuery
vue.js组件之间传递数据的方法
2017/07/10 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
python中的reduce内建函数使用方法指南
2014/08/31 Python
python杀死一个线程的方法
2015/09/06 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
django框架auth模块用法实例详解
2019/12/10 Python
Python unittest框架操作实例解析
2020/04/13 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
Python转换字典成为对象,可以用&quot;.&quot;方式访问对象属性实例
2020/05/11 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
服装销售人员求职自我评价
2013/09/26 职场文书
护士求职推荐信范文
2013/11/23 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技