关闭

JQuery选择器中的可见性筛选

标签: jquery可见性筛选选择器
624人阅读 评论(0) 收藏 举报
分类:
元素有显示状态与隐藏状态,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没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:16862次
    • 积分:713
    • 等级:
    • 排名:千里之外
    • 原创:57篇
    • 转载:2篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论