Question

当我隐藏我的Div元素时，我不明白为什么这会通过我的if条件。如果div id等于可见，我试图找出一种写入方式然后警告用户＆＃34;内容可见＆＃34;。如果我的div id等于隐藏，则提醒用户＆＃34;内容隐藏＆＃34;

＆＃13;

//document.getElementById("myDiv").style.visibility = "visible";
document.getElementById("myDiv").style.visibility = "visible";

var status = document.getElementById("myDiv").style.visibility;


if($("#myDiv").is(":visible") == true){
    alert("visible JQuery");
}

if (document.getElementById("myDiv").style.visibility === "hidden")
{
   alert("visible JS");
}

alert(status);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div id="myDiv">Hello</div>

＆＃13;

Answer 1

具有可见性的元素：隐藏或不透明度：0被认为是可见的，因为它们仍占用布局中的空间。

jQuery :visible

:visible选择器仅适用于属性display。

你能做的是：

if ($("#myDiv").css("visibility") == "hidden") {
    // do something when hidden ...
}

Answer 2

这似乎对我有用：

document.getElementById("myDiv").style.visibility = "visible";
document.getElementById("myDiv").style.visibility = "hidden";

if($("#myDiv").css("visibility") !== "hidden") {
  alert("visible JQuery");
}

if (document.getElementById("myDiv").style.visibility === "hidden") {
   alert("hidden JS");
}

<强> Codepen：

https://codepen.io/foozie3moons/pen/OxgomO

修改更新了我的回复，就好像您没有将可见性设置为可见。

Answer 3

visibility ='hidden'仍占用浏览器空间，因此jQuery报告为“：visible”。如果你做了style.display ='none'，你的jQuery可见检查就不会触发。

找出id是否等于可见或隐藏

3 个答案: