如何通過jquery隱藏和顯示元素


以下幾種方式可以隱藏一個元素:
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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM