Jquery设置元素不可用
2019-07-08 08:17
1796 查看
开发工具与关键技术:SQL Server 2014与jquery 作者:戴怡斌 撰写时间:2019年7月7日
一般在设置页面的时候会遇到这样一个问题,比如当我在做一种文字游戏页面的时候,当我点击刷新页面的时候,其他按钮都要变成不可用状态,也就是只能看不能操作。
在jquery里面有这样一个方法, $(’:checkbox’).attr(‘disabled’, true);
这句代码的意思是在你所有的checkbox复选框都会不可点击,也就是只能看不能操作,如果还想改变颜色的话就需要css的帮助了。
下面的我都一个个都试了一下,都可以,但只能用在单选框,复选框,按钮,下拉框和A标签上。
而且也只能让这些按钮和复选框这些,不可点击,不能让他们变成灰色,
还有一种方法就是利用css,css里面有两个属性,配合起来刚好可以达到不可点击和变成灰色的效果,pointer-events:none; opacity:0.2;
但是当我要设置的元素特别多的时候,就有点不现实了。
所以给他们设置了一个class的类,当我需要的时候就给他一个class。
然后在配上jquery一起使用,jquery里面有个方法addClass,意思是添加一个已有class名称,
所以就进行判断,当我点击id是Locating的时候就可以用上了
最后看一下效果图
相关文章推荐
- [Jquery]设置表单元素不可用input disable
- jquery设置表单元素为不可用的简单代码
- jQuery使用之(二)设置元素的样式
- jquery设置元素的readonly和disabled
- jQuery操作DOM基础 - 元素属性的查看与设置
- Jquery提供了获得和设置元素的value的方法。如input, textarea等元素的value值。
- jquery 设置元素相对于另一个元素的top值
- jQuery使用之设置元素样式用法实例
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- Jquery小点滴 - 获取和设置元素value属性
- jquery设置元素的readonly和disabled
- jquery之设置元素内容(克隆元素,使用clone()方法)
- jQuery 入门教程(16): 设置或取得元素的CSS class
- jquery设置元素的readonly和disabled
- input 元素,父元素设置了 display:none; jquery 给input赋值后,input无值
- Jquery获取、设置各种input元素的值
- 使用jQuery设置元素选中的问题及解决办法
- jQuery元素属性attr设置多个键值或函数 删除属性removeAttr
- jquery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- web前端,jquery对元素及属性进行获取,设置,添加,删除