以下幾種方式可以隱藏一個元素:
1,CSS display的值是none。
2,type="hidden"的表單元素。
3,寬度和高度都顯式設置為0。
4,一個祖先元素是隱藏的,該元素是不會在頁面上顯示
5,CSS visibility的值是hidden
6,CSS opacity的指是0
如果元素中占據文檔中一定的空間,元素被認為是可見的。
可見元素的寬度或高度,是大於零。
元素的visibility: hidden 或 opacity: 0被認為是可見的,因為他們仍然占用空間布局。
1 <script type="text/javascript">
2 //查找id = div1的DOM元素,是否可見
3 show( $('#div1:visible') ); 4 </script>
5
6 <script type="text/javascript">
7 //查找id = div1的DOM元素,是否隱藏
8 show( $('#div1:hidden') ); 9
10 //id為test隱藏
11 $("#test").hide() 12
13 //id為test2顯示
14 $("#test2").show() 15 </script>