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 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
javascript设置连续两次点击按钮时间间隔的方法
Oct 28 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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
玩转图像函数库―常见图形操作
2006/09/03 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
2018/05/12 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
广告显示判断
2006/08/31 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
基于Vue中点击组件外关闭组件的实现方法
2018/03/06 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
JS实现星星海特效
2019/12/24 Javascript
python对视频画框标记后保存的方法
2018/12/07 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
python selenium 获取接口数据的实现
2020/12/07 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
酒店服务与管理毕业生求职信
2013/11/02 职场文书
护理职业生涯规划书
2014/01/24 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
2015年学校体育工作总结
2015/04/22 职场文书
道歉短信大全
2015/05/12 职场文书
预备党员群众意见
2015/06/01 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
idea下配置tomcat避坑详解
2022/04/12 Servers