jquery和js實(shí)現(xiàn)對div的隱藏和顯示方法
更新時(shí)間:2014年09月26日 15:43:27 投稿:whsnow
jquery和js分別可以實(shí)現(xiàn)對div的隱藏和顯示,方法也不一樣,jquery的show、show;js的hidden、visible
jQuery對div的顯示和隱藏:
顯示:
復(fù)制代碼 代碼如下:
$("#id").show()
隱藏:
復(fù)制代碼 代碼如下:
$("#id").show()
js對div的顯示和隱藏:
div的visibility可以控制div的顯示和隱藏,但是隱藏后頁面顯示空白
復(fù)制代碼 代碼如下:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隱藏
document.getElementById("typediv1").style.visibility="visible";//顯示
通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間,如下
復(fù)制代碼 代碼如下:
style="display: none;"
document.getElementById("typediv1").style.display="none";//隱藏
document.getElementById("typediv1").style.display="";//顯示
相關(guān)文章
jQuery實(shí)現(xiàn)基本隱藏與顯示效果的方法詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)基本隱藏與顯示效果的方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery中hide()、show()及toggle()等方法用于實(shí)現(xiàn)顯示/隱藏效果的相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
jquery實(shí)現(xiàn)移動端點(diǎn)擊圖片查看大圖特效
這篇文章主要介紹了jquery實(shí)現(xiàn)移動端點(diǎn)擊圖片查看大圖特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11
淺談$(document)和$(window)的區(qū)別
本人在做項(xiàng)目的時(shí)候遇到$(document),$(window)這兩種寫法立馬讓我蒙圈了,那么他們的區(qū)別是什么呢,在網(wǎng)友的幫助下,徹底了解了他們的區(qū)別,這里分享給大家。2015-07-07
Jquery Uploadify多文件上傳帶進(jìn)度條且傳遞自己的參數(shù)
Jquery Uploadify多文件上傳帶進(jìn)度條且傳遞自己的參數(shù),具體實(shí)現(xiàn)如下,需要的朋友可以學(xué)習(xí)下2013-08-08
javascript和jquery修改a標(biāo)簽的href屬性
a標(biāo)簽的href如何修改,下面為大家介紹下使用javascript或jquery來簡單實(shí)現(xiàn),感興趣的朋友可以參考下2013-12-12

