jquery中使元素顯示和隱藏方法之間的區別


在實際的項目開發中,要使一個元素隱藏的方法有很多,比如css的多種屬性和jquery的多種方法,雖然他們的作用都是使元素不可見,但是各個方法實現的原理是不一樣的。下面主要介紹jquery各個元素隱藏方法之間的區別。

1、show()和hide()

使用hide()方法隱藏元素實際上是同時減少元素的高度、寬度以及不透明度,直到這三個屬性為0,最后設置元素的css屬性disolay:none。show()方法從上到下增大元素的高度,從左到右增大元素的寬度,同時增加內容的不透明度,直至元素完全顯示。

2、fadeIn()和fadeOut()

這兩種方法使元素隱藏或顯示的時候只改變元素的不透明度。

3、slideUp()和slideDown()

這兩種方法使元素隱藏或顯示的時候只改變元素的高度。slideDown()顯示的時候是從上到下,slideUp()隱藏時是從下到上。

上述三種方法里面都可以傳遞兩個參數,第一個參數是元素顯示或隱藏的過度效果,可以傳遞具體的時間值,也可以傳遞各個方法規定好的顯示隱藏方式值,第二個是回調函數,在元素顯示或隱藏后要執行的其他操作。

除了以上介紹的方法外,jquery的animate()方法也可以使元素隱藏,它的原理是使用css的屬性。該方法可以接受三個參數,第一個是css屬性,第二個是過度效果,第三個是回調函數。


免責聲明!

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



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