Javascript JQuery-输入标记更改可见性属性

Javascript JQuery-输入标记更改可见性属性,javascript,jquery,html,Javascript,Jquery,Html,我有一个非常简单的输入标记: <input id="DAhour" type="number" style="width:50px; font-size: xx-small; visibility:hidden"> 但它不起作用,因为如果我用 $("#DAhour").is(":visible") 它始终等于false。然后,当组合框再次更改时,我应该能够使它再次不可见,我再次尝试使用si $("#DAhour").css("visibility", "hidden"); 因为

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

<input id="DAhour" type="number" style="width:50px; font-size: xx-small; visibility:hidden">
但它不起作用,因为如果我用

$("#DAhour").is(":visible")
它始终等于false。然后,当组合框再次更改时,我应该能够使它再次不可见,我再次尝试使用si

$("#DAhour").css("visibility", "hidden");
因为使用时,即使元素不可见,它也会占用DOM中的空间。因此,jQuery会认为它是可见的。 如果元素占用文档中的空间,则认为它们是可见的。可见元素的宽度或高度大于零

具有
可见性:隐藏
不透明度:0
的元素视为可见, 因为它们仍然会占用布局中的空间

如果要真正隐藏元素,请使用规则,即
display:none
或速记方法

,因为使用时,即使元素不可见,也会占用DOM中的空间。因此,jQuery会认为它是可见的。 如果元素占用文档中的空间,则认为它们是可见的。可见元素的宽度或高度大于零

具有
可见性:隐藏
不透明度:0
的元素视为可见, 因为它们仍然会占用布局中的空间


如果您想真正隐藏元素,请使用规则,即
display:none
或速记方法

尝试使用
$(“#DAhour”).show()
$(“#DAhour”).hide()
方法

尝试使用
$(“#DAhour”).show()
$(“#DAhour”).hide()
方法检查可见性:

if($("#DAhour").css("visibility")!== "hidden")
并使用

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

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

尝试使用以下选项检查可见性:

if($("#DAhour").css("visibility")!== "hidden")
并使用

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

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

如果他想占用空间,尽管他也可以使用该方法来更改可见性。如果我使用“display:none”,它甚至不会隐藏输入标记。相反,使用attr(“可见性”、“可见”)不会使其可见。如果他想占用空间,尽管他也可以使用该方法更改可见性。如果我使用“显示:无”,它甚至不会隐藏输入标记。而使用attr(“可见性”、“可见”)则不会使其可见。。