CSS Code:
rush:css;">
初步效果
下面我们分别来看看这两个选择器的语法和使用规则以及所起的作用
一、不可见性选择器：:hidden
选择器
rush:js;">
$("E:hidden") //E表示元素
标签
或
rush:js;">
$(":hidden") //选择所有隐藏元素
描述：
E:hidden表示选择隐藏的E元素，而:hidden表示选取所有不可见的元素
返回值：
集合元素
实例：
rush:js;">
$(document).ready(function(){
$("span:f
irst").text("Found " + $(":hidden",document.body).length + " hidden elements total.");//在第
一个span
标签中
增加文本，
显示body中有多少个元素隐藏
$("div:hidden").show("3000");//
显示所有隐藏的div元素
$("span:last").text("Found " + $("input:hidden").length + " hidden inputs");//在最后
一个span
标签中
增加文本，
显示有多少input隐藏
});
功能：
":hidden"选取所有不可见的元素，有的浏览器还包含了内所有标签，而且这里所指的不可见元素是样式为“display:none”和表单“type="hidden"”两种，而不包含“visibility:hidden”的隐藏元素。另外提醒大家，“:hidden”有的会导致选择中
效果：
二、可见性选择器：:visible
选择器：
rush:js;">
$("E:visible") //E是指元素
标签，选择指定的可见元素
标签
或者
rush:js;">
$(":visible")//选择所有可见元素
描述：
“E:visible”表示选择可见的E元素，比如说“$("div:visible")”表示选择所有可见的div元素，而“$(":visible")”表示选择所有可见元素
返回值：
集合元素
实例：
rush:js;">
功能：
上面第一段代码是鼠标单击可见的DIV元素后，该元素会增加一个2px红色边框的样式，而第二段代码是单击按钮会显示所有隐藏的元素，并加上红色背景色。这里所指的可见元素和我们前面隐藏元素一样，只是没有被“display:none”或“.hide()”隐藏的元素。
效果：
最后再说一点：“：visible”过滤出所有可见元素，但是这里的可见是指没有被“display:none”或者使用“.hide()“函数隐藏的元素；”：hidden“是选择所有隐藏元素。同样，这里所谓隐藏，不是指”visibility：hidden“，而是指”display:none“或”type="hidden"“的form元素。
有关于jQuery的可见性过滤选择器就简单介绍到这里了，感兴趣的朋友可以在本地测试一下，这样可能加强对他们的理解。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
