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过滤选择器详解

基本过滤选择器选取第一个元素(:first) //选择第一个div元素. $('#btn1').click(function(){ $('div:first...
  • csujiangyu
  • csujiangyu
  • 2015年08月19日 10:19
  • 5935

Jquery简单过滤选择器(应用最广泛的选择器)

(1)Jquery中简单过滤选择器 jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器 (2)简单过滤选择器的基本语法 ①first()或者...
  • qq_29854443
  • qq_29854443
  • 2017年05月04日 21:37
  • 163

jQuery之属性过滤选择器

在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器 查询到...
  • woshisap
  • woshisap
  • 2012年03月11日 00:37
  • 89067

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

向大家推荐一本jQuery学习的好书《锋利的jQuery》 此书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX...
  • wql19881207
  • wql19881207
  • 2012年03月31日 14:01
  • 623

10分钟-jQuery过滤选择器

1.:first过滤选择器本次我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。在jQuery中,如果想得到一组相同标...
  • jimo_lonely
  • jimo_lonely
  • 2016年04月01日 15:31
  • 1121

Jquery 可见性过滤器选择器

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

jQuery过滤选择器

要点: - 基本过滤器 - 内容过滤器 - 可见性过滤器 - 子元素过滤器 - 其他方法...
  • super_yang_android
  • super_yang_android
  • 2016年05月06日 22:55
  • 3052

jQuery-过滤选择器

jQuery过滤选择器 (1)基本过滤选择器 (2)内容过滤选择器 (3)可见性过滤选择器 (4)子元素过滤选择器...
  • fightingcoder419
  • fightingcoder419
  • 2016年08月23日 22:07
  • 93

jquery可见性过滤选择器

1.可见性过滤选择器 可见性过滤选择器根据元素是否可见的特征获取元素2.可见性过滤选择器的语法 (1):hidden获取不可见元素,或者type为hidden的元素集合 (2) :visible...
  • qq_29854443
  • qq_29854443
  • 2017年05月09日 22:14
  • 121

jQuery过滤选择器——子元素过滤选择器

子元素过滤选择器1、:nth-child(index/even/odd/equation) 用法: $(”ul li:nth-child(2)”) 返回值 :集合元素 说明...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 21:04
  • 1105
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
举报原因:
原因补充:

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