Maison > interface Web > js tutoriel > Comment rendre CSS invisible dans js

Comment rendre CSS invisible dans js

藏色散人
Libérer: 2023-01-03 09:23:45
original
2783 Les gens l'ont consulté

Comment définir CSS invisible dans js : 1. Masquer complètement le composant en définissant l'attribut d'affichage ; 2. Réaliser que le composant est masqué uniquement en définissant l'attribut de visibilité, mais en affectant la mise en page ; en définissant l'opacité, soyez simplement invisible.

Comment rendre CSS invisible dans js

L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3, version css3.

Il existe trois façons de rendre le composant invisible via JavaScript : affichage, visibilité, opacité

Définir l'attribut d'affichage

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

Définir l'attribut de visibilité

$('#id').css('visibility','visible');  
$('#id').css('visibility','hidden');   组件仅仅隐藏,依旧影响布局
Copier après la connexion

Définir la transparence

$('#id').css('opacity','0');  仅仅是物理上的不可见
Copier après la connexion

recommande : "tutoriel de base js"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal