首页 > web前端 > js教程 > 正文

js 怎么设置css不可见

藏色散人
发布: 2023-01-03 09:23:45
原创
2725 人浏览过

js设置css不可见的方法:1、通过设置display属性实现组件完全隐藏;2、通过设置visibility属性实现组件仅隐藏,但影响布局;3、通过设置opacity透明度实现物理上的不可见即可。

js 怎么设置css不可见

本教程操作环境:Windows7系统、Dell G3电脑、css3版。

JavaScript设置组件不可见三种方式:display、visibility、opacity

设置 display属性

$('#id').css('display','none');  组件完全隐藏,不占用显示时占用的位置
$('#id').css('display','block');
登录后复制

设置visibility 属性

$('#id').css('visibility','visible');  
$('#id').css('visibility','hidden');   组件仅仅隐藏,依旧影响布局
登录后复制

设置透明度

$('#id').css('opacity','0');  仅仅是物理上的不可见
登录后复制

推荐:《js基础教程

以上是js 怎么设置css不可见的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
js
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!