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 相关文章推荐
特殊字符、常规符号及其代码对照表
Jun 26 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
js中 关于undefined和null的区别介绍
Apr 16 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
javascritp添加url参数将参数加入到url中
Sep 25 Javascript
jquery validation验证表单插件
Jan 07 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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应用JSON技巧讲解
2013/02/03 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
php 把数字转换成汉字的代码
2015/07/21 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
Laravel统一错误处理为JSON的方法介绍
2020/10/18 PHP
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
在react中使用vue的状态管理的方法示例
2020/05/02 Javascript
通过代码实例展示Python中列表生成式的用法
2015/03/31 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Django如何实现内容缓存示例详解
2017/09/24 Python
django url到views参数传递的实例
2019/07/19 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
《只有一个地球》教学反思
2014/02/14 职场文书
党建工作汇报材料
2014/12/24 职场文书
毕业欢送会致辞
2015/07/29 职场文书
同学联谊会邀请函
2019/06/24 职场文书
pandas提升计算效率的一些方法汇总
2021/05/30 Python