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

来源:互联网 发布:网络机房空调 编辑:程序博客网 时间:2024/06/06 13:13

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');  仅仅是物理上的不可见


参考:http://www.w3school.com.cn/jsref/prop_style_visibility.asp
              http://www.w3school.com.cn/jsref/prop_style_display.asp
              http://www.w3school.com.cn/cssref/pr_opacity.asp

0 0
原创粉丝点击