如何使用 jQuery 检查元素是否隐藏
答案:使用 jQuery :hidden 选择器
jQuery :hidden 选择器可用于测试页面上的元素是否隐藏。
您还可以使用此选择器测试 width 和 height 设置为 0 的元素以及具有属性 type="hidden" 的表单元素。 让我们看看它是如何工作的:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 测试元素是否被隐藏</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
/* 单击按钮时显示隐藏段落 */
$("p").toggle("slow", function(){
/* 切换效果完成后检查段落 */
if($("p").is(":hidden")){
alert("The paragraph is hidden.");
} else{
alert("The paragraph is visible.");
}
});
});
});
</script>
</head>
<body>
<button type="button">Toggle Paragraph Display</button>
<p>Lorem ipsum dolor sit amet adipi elit...</p>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
- 如何使用 jQuery 检查元素是否可见
- 如何使用 jQuery 选择页面中所有可见或隐藏的元素
- 根据 jQuery 中单选按钮的选择显示和隐藏 DIV 元素
- 在 jQuery 中基于复选框的点击显示和隐藏 DIV 元素
- 在 jQuery 中基于下拉选择显示和隐藏 DIV 元素
