• 技术文章 >web前端 >js教程

    js 怎么设置css不可见

    藏色散人藏色散人2021-02-19 09:07:10原创97

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

    本教程操作环境: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中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:js
    上一篇:详解JavaScript模块加载器--​RequireJS 下一篇:浅谈javascript中数组Array的添加/删除操作
    第15期线上培训班

    相关文章推荐

    • 讲解一些JS常见方法封装• JS如何读取和保存文件?方法介绍• 浅谈vue.js中$refs的使用方法(附代码)• js动态添加带圆圈序号列表方法的精讲• 详解JavaScript模块加载器--​RequireJS

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网