元素有顯示狀態(tài)與隱藏狀態(tài)，jQuery根據(jù)元素的狀態(tài)擴(kuò)展了可見(jiàn)性篩選選擇器:visible與:hidden

下面用表格大致了解一下，就兩個(gè)選擇器：

這2個(gè)選擇器都是 jQuery 延伸出來(lái)的，看起來(lái)比較簡(jiǎn)單，但是元素可見(jiàn)性依賴于適用的樣式
:hidden選擇器，不僅僅包含樣式是display=”none”的元素，還包括隱藏表單、visibility等等

隱藏一個(gè)元素的幾種方式：

1.CSS display的值是none
2.type=”hidden”的表單元素
3.寬度和高度都顯式設(shè)置為0
4.一個(gè)祖先元素是隱藏的，該元素是不會(huì)在頁(yè)面上顯示
5.CSS visibility的值是hidden
6.CSS opacity的指是0
如果元素中占據(jù)文檔中一定的空間,元素被認(rèn)為是可見(jiàn)的
可見(jiàn)元素的寬度或高度，是大于零
元素的visibility: hidden 或 opacity: 0被認(rèn)為是可見(jiàn)的，因?yàn)樗麄內(nèi)匀徽加每臻g布局

如果元素中占據(jù)文檔中一定的空間,元素被認(rèn)為是可見(jiàn)的。可見(jiàn)元素的寬度或高度，是大于零。元素的visibility: hidden 或 opacity: 0被認(rèn)為是可見(jiàn)的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。

不在文檔中的元素是被認(rèn)為是不可見(jiàn)的，如果當(dāng)他們被插入到文檔中，jQuery沒(méi)有辦法知道他們是否是可見(jiàn)的，因?yàn)樵乜梢?jiàn)性依賴于適用的樣式

總結(jié)

以上是生活随笔為你收集整理的JQuery选择器中的可见性筛选的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。