jQuery :hidden 选择器
实例
显示隐藏的 <p> 元素:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p:hidden").show(3500);
});
</script>
</head>
<body>
<p>这是一段文本</p>
<p>这是另外一段文本</p>
<p style="display:none;">这是一个隐藏的段落,慢慢地显示出来。</p>
</body>
</html>
定义与用法
:hidden
选择器选择隐藏的元素。
隐藏元素是指以下元素:
- 设置为 display:none
- 表单中为 type="hidden" 的 input
- 高度与宽度被设置为 0
- 隐藏的父元素(也会隐藏子元素)
注意:此选择器不适用于 "visibility:hidden" 的元素。
语法
$(":hidden")