本篇內(nèi)容介紹了“jquery如何實現(xiàn)占位置隱藏元素”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
專注于為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站設(shè)計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)汕城免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
實現(xiàn)方法:1、用css()給元素添加visibility樣式,設(shè)置不可見,語法“元素對象.css('visibility','hidden');”;2、用css()將元素的透明度設(shè)置為0,語法“元素對象.css('opacity',0)”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
實現(xiàn)占位置隱藏元素可以兩種方法:
給元素添加visibility: hidden;
樣式
給元素添加opacity: 0
樣式
在jquery中,可以使用css()方法來實現(xiàn)上面的效果:
1、使用css()給元素添加visibility樣式,設(shè)置不可見
正常顯示元素隱藏元素正常顯示元素
說明:
visibility 屬性規(guī)定元素是否可見。
這個屬性指定是否顯示一個元素生成的元素框。這意味著元素仍占據(jù)其本來的空間,不過可以完全不可見。值 collapse 在表中用于從表布局中刪除列或行。
方法2:使用css()將元素的透明度設(shè)置為0
正常顯示元素隱藏元素正常顯示元素
說明:
opacity 屬性的意思是設(shè)置一個元素的透明度。它不是為改變元素的邊界框(bounding box)而設(shè)計的。
這意味著將 opacity 設(shè)為 0 只能從視覺上隱藏元素。而元素本身依然占據(jù)它自己的位置并對網(wǎng)頁的布局起作用。這和上面的visibility: hidden 相似。
“jquery如何實現(xiàn)占位置隱藏元素”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!