Il existe deux manières de masquer les contrôles à l'aide de JavaScript, à savoir en définissant les attributs « affichage » et « visibilité » du style du contrôle.
Le contrôle est visible lorsque style.display="block" ou style.visibility="visible", et est invisible lorsque style.display="none" ou style.visibility="hidden". La différence est que "affichage" non seulement masque le contrôle, mais aussi le contrôle masqué n'occupe plus la position occupée lors de l'affichage, tandis que le contrôle masqué par "visibilité" rend uniquement le contrôle invisible, et le contrôle occupe toujours sa position d'origine. position.
function displayHideUI()
{
var ui =document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui =document.getElementById("bbs");
ui.style.display="";//display为空的话会好使，为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>Description de la valeur
none Cet élément ne sera pas affiché.
block Cet élément sera affiché comme un élément de niveau bloc avec des sauts de ligne avant et après cet élément.
par défaut en ligne. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.
inline-block Élément de bloc en ligne. (Nouvelle valeur en CSS2.1)
list-item Cet élément sera affiché sous forme de liste.
run-in Cet élément apparaîtra comme un élément de niveau bloc ou un élément en ligne, selon le contexte.
compact Il existe une valeur compact en CSS, mais elle a été supprimée de CSS2.1 en raison du manque de support généralisé.
marqueur Il existe un marqueur de valeur dans CSS, mais il a été supprimé de CSS2.1 en raison d'un manque de support généralisé.
table Cet élément sera affiché sous forme de tableau au niveau bloc (similaire à
| et | ) table-caption Cet élément sera affiché sous forme de titre de tableau (similaire à hériter spécifie que la valeur de l'attribut display doit être héritée de l'élément parent. Le problème résolu aujourd'hui est de donner à la classe label.error définie par css un identifiant dans la page jsp, puis de contrôler la visibilité de l'identifiant pour effacer les informations d'invite js lorsque le div est réduit. Les détails sont les suivants :
$(document).ready(function() {
$(".flipp .span4").click(function() {
$(this).parent().next().toggle();
$(this).parent().parent().prevAll().find(".panel").hide();
$(this).parent().parent().nextAll().find(".panel").hide();
var label1 = document.getElementById("label1");
label1.style.display="none";
})Copier après la connexion Puis ajoutez l'endroit correspondant dans jsp : <label class="error" id="label1" for="currentPWD" generated="true" style="display:inline"></label> Copier après la connexion Pour la classe label.error définie par CSS, vous pouvez utiliser $("label.error").removeAttr("style").attr("style", "display: none;"); fonction. De plus, il semble qu’il ne soit pas nécessaire de définir la valeur id du label à l’emplacement souterrain correspondant.
Article précédent：Il y a trop de champs dans la méthode jquey pour effacer rapidement le formulaire content_jquery.
Article suivant：Partage du code source du jeu pierre-feuille-ciseaux implémenté dans les compétences JavaScript_javascript
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
Derniers articles par auteur
Derniers numéros
Où sont les didacticiels sur la cartographie mentale CSS ?
Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1335
Rubriques connexes
Plus>
|
|---|
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
