jquery 屏蔽一个区域内的所有元素,禁止输入
作者:bea
jquery 扩展函数: 代码如下: <script type="text/javascript"> (function($) { $.fn.disable = function() { /// <summary> /// 屏蔽所有元素 /// </summary> /// <returns type="jQuery" /> return $(this).find("*").each(function() {
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>
结果不是很美观,但是还是蛮有效。
当然美观的方式是在上面建立一个图层进行屏蔽。
有用 | 无用
代码如下:
<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>
结果不是很美观,但是还是蛮有效。
当然美观的方式是在上面建立一个图层进行屏蔽。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- CSS 伪类实现的鼠标滑动图片链接
- 颜色变换 像字符逐字输入的欢迎词
- JavaScript 文本域字体大小选择功能
- js 操作符实例代码
- JavaScript 图片放大效果及代码说明
- 利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
- JavaScript 高仿真可控弹簧振子实现代码
- JS window.opener返回父页面的应用
- JavaScript 动态添加表格行 使用模板、标记
- javascript Keycode对照表
- LazyForm jQuery plugin 定制您的CheckBox Radio和Select
- 写入cookie的JavaScript代码库 cookieLibrary.js
- js文件中调用js的实现方法小结
- struts2 jquery 打造无限层次的树
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- jquery 插件开发方法小结
- 文字瞬间从左到右切换显示的JavaScript代码
- 用按钮触发Javascript动态生成一个表格的代码
- VBScript 实现文字遮罩