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沒有辦法知道他們是否是可見的,因爲元素可見性依賴於適用的樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章