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

Comment rendre CSS invisible dans js

藏色散人
藏色散人original
2021-02-19 09:07:102790parcourir

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');

Définir l'attribut de visibilité

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

Définir la transparence

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

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!

Déclaration:
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