html设置不可见,js 怎么设置css不可见

本文介绍了JavaScript中使组件不可见的三种方法:通过display属性(none和block)、visibility属性(visible和hidden)以及opacity透明度设置。display:none会使组件完全隐藏且不占用空间,visibility:hidden则保持布局但隐藏组件,而opacity:0实现物理不可见但依然占据布局。这些方法适用于前端开发中的元素隐藏需求。
摘要由CSDN通过智能技术生成

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

602bd2509f724c0f6d81c0a90f3b1ac1.png

本教程操作环境: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'); 仅仅是物理上的不可见

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值