新聞中心
本篇內(nèi)容介紹了“jquery如何讓div不占位隱藏”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供湖里網(wǎng)站建設、湖里做網(wǎng)站、湖里網(wǎng)站設計、湖里網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、湖里企業(yè)網(wǎng)站模板建站服務,十載湖里做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
jquery讓div不占位隱藏的方法:1、使用“$("div").css('display','none');”語句;2、使用“$("div").hide();”語句;3、使用“$("div").toggle();”語句。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery讓div不占位隱藏
要讓div不占位隱藏,就會想到給div設置display:none
樣式。
display:none
可以不占據(jù)空間,把元素隱藏起來,所以動態(tài)改變此屬性時會引起重排(改變頁面布局),可以理解成在頁面中把該元素刪除掉一樣;不會被子孫繼承,但是其子孫是不會顯示的,畢竟都一起被隱藏了。
那么如何使用jquery給div設置display:none
樣式?下面給大家介紹一下:
方法一:使用css()添加display:none樣式
$("div").css('display','none');
示例:
hello
方法二:使用hide() 方法
$("div").hide();
hide()方法可以隱藏元素,原理就是給元素添加display:none樣式
方法三:使用toggle()方法
$("div").toggle();
toggle(方法檢查被選元素的可見狀態(tài)。如果一個元素是隱藏的,則運行 show()隱藏元素,如果一個元素是可見的,則運行 hide()顯示元素 - 這會造成一種切換的效果。
“jquery如何讓div不占位隱藏”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!
分享文章:jquery如何讓div不占位隱藏
分享網(wǎng)址:http://fisionsoft.com.cn/article/jcdscd.html