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来处理图片坏链具体实现步骤
May 02 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
Angularjs cookie 操作实例详解
Sep 27 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
JS前端轻量fabric.js系列物体基类
Aug 05 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
php session劫持和防范的方法
2013/11/12 PHP
mantis安装、配置和使用中的问题小结
2014/07/14 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
学习ExtJS table布局
2009/10/08 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
一个基于flask的web应用诞生 用户注册功能开发(5)
2017/04/11 Python
python发送邮件脚本
2018/05/22 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
详解Python中的分支和循环结构
2020/02/11 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
Windows和Linux动态库应用异同
2016/04/17 面试题
婚纱店策划方案
2014/05/22 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
大学生预备党员自我评价
2015/03/04 职场文书
python 模块重载的五种方法
2021/04/24 Python
解决golang post文件时Content-Type出现的问题
2021/05/02 Golang