📅 最后修改于: 2023-12-03 15:32:13.916000 🧑 作者: Mango
在网页开发中，我们经常需要检查一个元素是否在用户界面上可见（即没有被隐藏）。本文将介绍如何使用 jQuery 来检查元素是否隐藏。
首先，我们需要使用以下方法来检查一个元素是否隐藏：
if ($(element).is(':hidden')) { ... }
其中，$(element) 是要检查的元素，:hidden 是 jQuery 提供的一个伪选择器，用来检查元素是否被隐藏。
我们也可以使用以下方法来检查一个元素是否可见：
if ($(element).is(':visible')) { ... }
其中，:visible 是 jQuery 提供的一个伪选择器，用来检查元素是否在用户界面上可见。
下面是一个示例，展示如何检查一个元素是否隐藏：
<!DOCTYPE html>
<html>
<head>
<title>jQuery 检查元素是否隐藏</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div id="myDiv" style="display:none;">Hello World!</div>
<script>
if ($('#myDiv').is(':hidden')) {
console.log('myDiv is hidden');
}
</script>
</body>
</html>
在上面的示例中，myDiv 元素的样式设置为 display:none;，即该元素被隐藏。我们使用了 $('#myDiv').is(':hidden') 来检查该元素是否隐藏，如果是，则输出 myDiv is hidden。
使用 jQuery 来检查元素是否隐藏可大大简化我们的代码。我们只需使用 $(element).is(':hidden') 或 $(element).is(':visible') 即可轻松地检查元素是否在用户界面上可见。