可见性过滤选择器
可见性过滤选择器根据元素是否可见的特征获取元素，详细如下：
| 选择器 | 功能 | 返回值 |
|---|---|---|
| :hidden | 获取所有不可见元素，或者type为hidden的元素 | 元素集合 |
| :visible | 获取所有的可见元素 | 元素集合 |
提示：hidden选择器所选择的不仅包括样式为display：none所有元素，还包括属性type="hidden"和样式为visibility:hidden的所有元素
示例如下：
(1)描述
页面中，新建一个span和div标记，分别设置标记的display属性为"none"和"block"；然后根据可见性过滤选择器显示页面元素。
(2)代码实现
...省略代码
<script type="text/javascript">
$(function(){ //增加所有可见元素的类别
$("span:hidden").show()
$("div:visible").addClass("GetFocus");
})
$(function(){ //增加所有不可见元素类别
$("span:hidden").show().addClass("");
})
</script>
...jQuery操作的代码
<span style="display:none">Hidden</span>
<div>Visible</div>
任务：把上面jQuery中的操作一一的在代码框中重现。