<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用可见性过滤选择器</title>
<link href="../../CSS/2-9.css" rel="stylesheet" />
<script src="../../JQuery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
//增加可见元素类别
$(function () {
$("span:hidden").show()
$("div:visible").addClass("GetFocus");
})
效果图：
$(function () {
$("span:hidden").show().addClass("GetFocus");
//下面这种写法并没有什么卵用
//$("span:hidden").show();
//$("span:hidden").addClass("GetFocus");
})
效果图
</script>
</head>
<body>
<span style="display: none">Hidden</span>
<div>Visible</div>
</body>
</html>