$(:hidden):可以选中
1、css属性display:none
2、表单属性type="hidden"
3、隐藏的父元素
对于visibility:hidden(css可视属性)和opacity:0(css不透明度属性)无法选中
这里对3、隐藏的父元素 可以简单的解释一下:
在控制台上输出后
大概就是这个,这些元素默认是display:none,无法修改,但可以被选中
对于可选中和不可选中的元素,举个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
div{
height: 50px;
background: greenyellow;
border: black solid 2px;
}
</style>
<body>
<script src="../lib/jquery-1.12.4.js"></script>
<div style="display: none"></div>
<p style="visibility: hidden"></p>
<input type="hidden"/>
<span style="opacity: 0"></span>
<script>
$(function () {
console.log($(":hidden"))
})
</script>
</body>
</html>
运行结果:
参考菜鸟教程: