jQuery判断一个元素的可见性
阿萨 2018-03-23 来源 :网络 阅读 692 评论 0

摘要:jQuery可以通过以下的方式来选择隐藏的元素: jQeury(":hidden") 元素一旦满足下面几个情况,将会给视为隐藏: 他们的CSS display值是none。 他们是type="hidden"的表单。 他们的宽度和高度都显示的设置为0。 一个祖元素是隐藏的或者不占据布局空间,那么此元素被认为是隐藏的的。

jQuery可以通过以下的方式来选择隐藏的元素:

jQeury(":hidden")

元素一旦满足下面几个情况,将会给视为隐藏:

· 他们的CSS display值是none。

· 他们是type="hidden"的表单。

· 他们的宽度和高度都显示的设置为0。

· 一个祖元素是隐藏的或者不占据布局空间,那么此元素被认为是隐藏的的。

元素visibility: hidden或opacity: 0被认为是可见的,因为他们仍然占据布局空间。在动画,隐藏一个元素,该元素被认为是可见的直到动画结束。

因为 :hidden() 是一个 jQuery 延伸出来的一个选择器。 并且不是的CSS规范的一部分, 使用:hidden()查询不能充分利用原生DOM提供的querySelectorAll() 方法来提高性能。为了在现代浏览器上获得更佳的性能,请使用.filter(":hidden")代替。

 

选择所有可见的元素:

jQuery(":visible")

如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度,是大于零。

元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。

不在文档中的元素是被认为隐藏的;jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式。

所以 option 元素是被认为是隐藏的, 不管他们是否selected(选中)状态.

隐藏元素上做动画,元素被认为是可见的,直到动画结束。显示元素上做动画,在动画的开始处该元素被认为是可见的。

 

希望这篇文章可以帮助到你。总之,同学们,你想要的职坐标IT频道都能找到!

本文由 @阿萨 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程