jQuery 怎么让元素不能用? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
一般在设置页面的时候会遇到这样一个问题, 比如当我在做一种文字游戏页面的时候, 当我点击刷新页面的时候, 其他按钮都要变成不可用状态, 也就是只能看不能操作.
在 jQuery 里面有这样一个方法, $(':checkbox').attr('disabled', true);
这句代码的意思是在你所有的 checkbox 复选框都会不可点击, 也就是只能看不能操作, 如果还想改变颜色的话就需要 CSS 的帮助了.
下面的我都一个个都试了一下, 都可以, 但只能用在单选框, 复选框, 按钮, 下拉框和 A 标签上.
而且也只能让这些按钮和复选框这些, 不可点击, 不能让他们变成灰色,
还有一种方法就是利用 CSS,CSS 里面有两个属性, 配合起来刚好可以达到不可点击和变成灰色的效果, pointer-events:none; opacity:0.2;
但是当我要设置的元素特别多的时候, 就有点不现实了.
所以给他们设置了一个 class 的类, 当我需要的时候就给他一个 class.
然后在配上 jQuery 一起使用, jQuery 里面有个方法 addClass, 意思是添加一个已有 class 名称,
所以就进行判断, 当我点击 id 是 Locating 的时候就可以用上了
最后看一下效果图
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17481.html