jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)

转载 2012年03月31日 14:06:43

在上一篇文章jQuery教程基础篇之强大的选择器(过滤选择器-内容过滤选择器)中,我们了解了jQuery内容过滤选择器的知识,今天我们来学习一下jQuery的另一个强大的过滤选择器——可见性过滤选择器

选择器 描述 返回 示例
:hidden 选取所有不可见的元素 集合元素 $(“:hidden”)选取所有不可见的元素,不可见的元素包括:<input type=”hidden”>,<div style=”display:none”>和<div style=”visibility:hidden;”>,<br />等元素。如果只想选取input的不可见元素,可以使用$(“input:hidden”)
:visible 选取所有可见元素 集合元素 $(“div:visible”)选取所有可见的div元素

注意:在jquery1.3.2版本之前<br />是不算做不可见元素的,但是在1.3.2版本及以后的版本,<br />元素也算作是不可见元素了。

移步这里观看
jQuery教程基础篇之强大的选择器-过滤选择器-可见性过滤选择器在线DEMO
想知道代码是什么样的,直接右键–》查看源代码

Jquery 可见性过滤器选择器

1.可见性过滤选择器根据元素的可见性和不可见性来选择相应的元素。 其中元素可见性表示为:visible;元素的不可见行为hidden。 返回的都是集合元素。其中hidden不仅包含样式属性为(di...

jQuery的可见性过滤选择器

jQuery的可见性过滤选择器: 代码:

jQuery的可见性过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery_可见性过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery可见性过滤选择器

:hidden Selector 选择所有被隐藏的元素 元素可以被认为是隐藏的几个原因: 1.CSS的display为none的元素 2.表单中type=“hidden”的元素 3.widt...
  • ahuter9
  • ahuter9
  • 2013年01月01日 20:05
  • 376

jQuery内容、可见性过滤选择器

body{ font-family: "Microsoft YaHei" } .divCls { width:180px; height:180...

jQuery基础教程之+层次选择器

隐式迭代 $(“选择器”).css(“background-color”,”red”)则是为这组元素中每个元素的样式都加上红色背景。jQuery会自动迭代每个元素,这就免去了我们编写代码遍历每个元素...

jQuery快速入门基础教程之选择器(一)

问题:我怎么才能收到你们公众号平台的推送文章呢? 答案:只需要点击标题下面的蓝色字【web前端开发】关注即可。 01、jQuery元素选择器 jQuery的基本设...

《jQuery基础教程》--选择器

1.jQuery目前的最新版支持CSS3的选择器,可以参考CSS3的选择器的使用方法。 2.jQuery遍历DOM树的方法: 2.1 filter方法。 可以利用例如: $('a').filt...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
举报原因:
原因补充:

(最多只允许输入30个字)