NO. | 选择器 | 描述 |
---|---|---|
1 | :hidden | 隐藏的元素集合 |
2 | :visible | 可见的元素集合 |
以下几种情况的元素是隐藏元素:
- 设置为 display:none
- 带有 type="hidden" 的表单元素
- width 和 height 设置为 0
- 隐藏的父元素(这也会隐藏子元素)
注释::hiddren选择器对 visibility:hidden 和 opacity: 0 的元素不起作用。
示例:运用以上两个选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body >
<div id="d1" style="display: none">hello</div>
<div id="d2" >world</div>
<div id="d3" style="visibility: hidden">!</div>
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
<script>
var hidden=$(":hidden")
var visible=$(":visible");
console.log(hidden)
console.log(visible)
</script>
</body>
</html>
运行结果: