<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hidden visible</title>
<style>
div {
width: 70px;
height: 40px;
background: #e7f;
margin: 5px;
float: left;
}
span {
display: block;
clear: left;
color: red;
}
.starthidden {
display: none;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<span></span>
<span></span>
<div></div>
<div style="display:none;">Hider!</div>
<div></div>
<div class="starthidden">Hider!</div>
<div></div>
<form>
<input type="hidden">
<input type="hidden">
<input type="hidden">
</form>
<span></span>
<script>
// 获取属性为hidden或者样式是hidden的对象
var hiddenElements = $( "body" ).find( ":hidden" ).not( "script" );
// 获取属性为visible或者样式是visible的对象
var hiddenElementss = $( "body" ).find( ":visible" ).not( "script" );
$( "span:first" ).text( "Found " + hiddenElements.length + " hidden elements total." );
$( "span:eq(1)" ).text( "Found " + hiddenElementss.length + " visible elements total." );
// jQuery对象 show()方法,显示hidden对象
$( "div:hidden" ).show( 3000 );
// // 获取input标签属性为hidden的对象
$( "span:last" ).text( "Found " + $( "input:hidden" ).length + " hidden inputs." );
</script>
</body>
</html>
jQuery对象 获取hidden 或者visible对象
最新推荐文章于 2024-07-15 20:12:10 发布