JQuery选择器中的可见性筛选

原创 2016年05月30日 17:47:56
元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden

下面用表格大致了解一下,就两个选择器:

这里写图片描述

这2个选择器都是 jQuery 延伸出来的,看起来比较简单,但是元素可见性依赖于适用的样式
:hidden选择器,不仅仅包含样式是display=”none”的元素,还包括隐藏表单、visibility等等

隐藏一个元素的几种方式:

1.CSS display的值是none
2.type=”hidden”的表单元素
3.宽度和高度都显式设置为0
4.一个祖先元素是隐藏的,该元素是不会在页面上显示
5.CSS visibility的值是hidden
6.CSS opacity的指是0
如果元素中占据文档中一定的空间,元素被认为是可见的
可见元素的宽度或高度,是大于零
元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局

如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度,是大于零。元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。

不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式

版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery——可见性筛选选择器

jQuery的可见性筛选选择器有visible和hidden,对应于元素的显示和隐藏状态;为此先要区分display:none和visibility:hidden的区别: display:none是在...

jquery 一个简单筛选 显示隐藏效果

我叫小星 2016-11-26 22:32

jQuery——可见性筛选选择器

jQuery的可见性筛选选择器有visible和hidden,对应于元素的显示和隐藏状态;为此先要区分display:none和visibility:hidden的区别: display:none是在...

Echarts图表中动态数据显示

1 什么是Echarts? ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox...

jQuery选择器之可见性筛选选择器

背景:元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 选择器 描述 $(“:visible”) 选择所有显示的元素 $(“...
  • ljp1919
  • ljp1919
  • 2017年04月15日 16:08
  • 280

jQuery可见性过滤选择器

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

jQuery的可见性过滤选择器

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

jQuery_可见性过滤选择器

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

jQuery的可见性过滤选择器

jQuery的可见性过滤选择器: 代码:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery选择器中的可见性筛选
举报原因:
原因补充:

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