JSでCSSを非表示に設定する方法

js で CSS を非表示に設定する方法: 1. 表示属性を設定してコンポーネントを完全に非表示にします; 2. コンポーネントが非表示になるのは可視性属性を設定するだけですが、レイアウトに影響することを認識します; 3. 物理的な透明性を実現します不透明度を設定することで、見えなくなるだけです。

#このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター、css3 バージョン。

JavaScript でコンポーネントを非表示に設定するには、表示、可視性、不透明度の 3 つの方法があります。

表示属性を設定します

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

可視性属性を設定します

#

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

透明度を設定します

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

推奨: 「js 基本チュートリアル」

以上がJSでCSSを非表示に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。