JQuery -输入标签改变可见性属性

JQuery - Input tag change visibility attribute

本文关键字：可见性 属性 改变 标签 输入 JQuery      更新时间：2023-09-26

我有一个非常简单的输入标签:

<input id="DAhour" type="number" style="width:50px; font-size: xx-small; visibility:hidden">

一开始必须不可见。然后，如果我将组合框更改为正确的索引，它应该是可见的。我设法得到正确的组合框和选择的项目，但我不能使输入标签可见。我试过:

$("#DAhour").css("visibility", "visible");

但是它不起作用因为如果我用

检查可见性
$("#DAhour").is(":visible")

总是等于false。然后，当组合框再次改变时，我应该能够使它再次不可见，如果我再次尝试使用

$("#DAhour").css("visibility", "hidden");

因为当您使用可见性规则时，即使元素不可见，它也会占用DOM中的空间。所以，jQuery的可见选择器会认为它是可见的。

元素在文档中占用空间时被认为是可见的。可见元素的宽度或高度大于0。

具有visibility: hidden或opacity: 0的元素被认为是可见的，因为它们仍然占用布局空间。

如果你真的想隐藏元素使用显示规则，即display: none或简写方法。hide()/show()

尝试使用$("#DAhour").show()和$("#DAhour").hide()方法

尝试使用:

检查可见性
if($("#DAhour").css("visibility")!== "hidden")

并使用

更改可见性
$("#DAhour").css("visibility","hidden");
$("#DAhour").css("visibility","visible");
相关文章：