jquery 屏蔽一个区域内的所有元素禁止输入

2016-02-19 15:07 19 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的jquery 屏蔽一个区域内的所有元素禁止输入,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

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

结果不是很美观,但是还是蛮有效。
当然美观的方式是在上面建立一个图层进行屏蔽。

来源:http://www.tulaoshi.com/n/20160219/1608926.html

延伸阅读
标签: Web开发
代码如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - jquery pulg-in * * Copyright (c) 2008 King Wong * $Date: 2008-09-28 $ */ var ___win___ = window.self; var ___self___ = window.self; var ___id___ = ""; var ___settings...
标签: Web开发
先来看看使用方法。 演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htm HTML文件中这样写: 代码如下: div img src="1.jpg" alt="" div 这是点开后的页面的内容 /div /div 调用的话需要这样写: 代码如下: $(document).ready(function(){ options={ 'speedIn':600, //图片进入时候的动画速度 'speedOu...
标签: 办公软件
Word 2003提供了一个“编辑受限制区域内容”的功能,也就是说,我们可以直接在Word中录入试卷,将试题部分设置成只读,将要填入答案的部分设置成可以编辑,实现方法如下: 1. 录入试题后,单击“工具”菜单,找到“保护文档”选项,打开“保护文档”设置项。将“编辑限制”项中的“仅允许在文档中进行此类编辑”选中,并设置为“未做任何...
标签: 办公软件
当编辑科技文档时,常常需要输入分数,但Word不能直接输入分数。有两种实现方法:用 Word本身提供的的EQ(方程)域或用公式编辑器。这两种方法都不简便,笔者编写了一个EnterFraction宏命令可以在文档中方便地插入分数,大大简化了分数的编辑工作。下面详细介绍如何在Word 97/2000/XP中创建该宏命令。 1.创建一个对话窗口 单击“工...
标签: PS 电脑
1、打开图像,选择裁剪工具,当“删除裁剪的像素”未被选中时,然后进行裁剪操作 2、裁剪后,看上去裁剪屏蔽区域已经没有了,其实还在的,下面来恢复一下 3、直接查看裁剪屏蔽区域,可以看到裁剪屏蔽的区域还在,下面保存验证一下 4、选择“文件-存储为”,选择psd格式保存,打开刚才保存的图像,看上去只有裁剪的图像 5、接下来...

经验教程

830

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部