jquery和js實現(xiàn)對div的隱藏和顯示方法
更新時間:2014年09月26日 15:43:27 投稿:whsnow
jquery和js分別可以實現(xiàn)對div的隱藏和顯示,方法也不一樣,jquery的show、show;js的hidden、visible
jQuery對div的顯示和隱藏:
顯示:
復制代碼 代碼如下:
$("#id").show()
隱藏:
復制代碼 代碼如下:
$("#id").show()
js對div的顯示和隱藏:
div的visibility可以控制div的顯示和隱藏,但是隱藏后頁面顯示空白
復制代碼 代碼如下:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隱藏
document.getElementById("typediv1").style.visibility="visible";//顯示
通過設置display屬性可以使div隱藏后釋放占用的頁面空間,如下
復制代碼 代碼如下:
style="display: none;"
document.getElementById("typediv1").style.display="none";//隱藏
document.getElementById("typediv1").style.display="";//顯示
相關文章
淺談$(document)和$(window)的區(qū)別
本人在做項目的時候遇到$(document),$(window)這兩種寫法立馬讓我蒙圈了,那么他們的區(qū)別是什么呢,在網(wǎng)友的幫助下,徹底了解了他們的區(qū)別,這里分享給大家。2015-07-07Jquery Uploadify多文件上傳帶進度條且傳遞自己的參數(shù)
Jquery Uploadify多文件上傳帶進度條且傳遞自己的參數(shù),具體實現(xiàn)如下,需要的朋友可以學習下2013-08-08