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

2016-02-19 15:07 15 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

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

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

延伸阅读
标签: 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不能直接输入分数。有两种实现方法:用 Word本身提供的的EQ(方程)域或用公式编辑器。这两种方法都不简便,笔者编写了一个EnterFraction宏命令可以在文档中方便地插入分数,大大简化了分数的编辑工作。下面详细介绍如何在Word 97/2000/XP中创建该宏命令。 1.创建一个对话窗口 单击“工...
标签: Web开发
这两个方法是比较容易搞混的. filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数,一个返回bool的function,或者是JQuery的选择表达式,包装集内的元素只会小于等于当前包装集内的元素,并且含有的元素属于原来包装集内元素的子集: 代码如下: div id="one"the one/div div id="two"pthe two/p/div div id="three"pthe three/...
标签: Web开发
HTML HEAD TITLE日期选择器/TITLE SCRIPT type="text/javascript" /** * 返回日期 * @param d the delimiter * @param p the pattern of your date * @author  Xinge(修改) */ String.prototype.toDate = function(x, p) { &n...
标签: 办公软件
Word 2003提供了一个“编辑受限制区域内容”的功能,也就是说,我们可以直接在Word中录入试卷,将试题部分设置成只读,将要填入答案的部分设置成可以编辑,实现方法如下: 1. 录入试题后,单击“工具”菜单,找到“保护文档”选项,打开“保护文档”设置项。将“编辑限制”项中的“仅允许在文档中进行此类编辑”选中,并设置为“未做任何...

经验教程

101

收藏

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