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选择器之可见性筛选选择器

背景:元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 选择器 描述 $(“:visible”) 选择所有显示的元素 $(“...

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...

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

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

JQuery的可见性选择器与show、hide的关系

1.:hidden选择器 不是指"visibility: hidden",而是指"display: none"。2.:visible选择器不是指"visibility: visible",而是指dis...

jQuery选择器——可见性过滤选择器

上一章介绍了属性过滤选择器,相信大家都看明白了吧,今天要学习的是可见性过滤选择器,为了更好地学习,我们先列出一段HTML代码:

Jquery之子选择器和可见性选择器

//子选择器 //1、选择所有位于其父节点后的第一个位置是指定元素(li)的元素子节点,如果li在ul的第一个位置,则不会被选择 $("li:first-child").css("bo...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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