JQuery选择器中的可见性筛选

元素有显示状态与隐藏状态，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选择器中的可见性筛选的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。