Rumah > hujung hadapan web > tutorial js > js 怎么设置css不可见

js 怎么设置css不可见

藏色散人
Lepaskan: 2023-01-03 09:23:45
asal
2796 orang telah melayarinya

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');
Salin selepas log masuk

设置visibility 属性

$('#id').css('visibility','visible');  
$('#id').css('visibility','hidden');   组件仅仅隐藏,依旧影响布局
Salin selepas log masuk

设置透明度

$('#id').css('opacity','0');  仅仅是物理上的不可见
Salin selepas log masuk

推荐:《js基础教程

Atas ialah kandungan terperinci js 怎么设置css不可见. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan