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

標籤：out   使用   方式   作用   hid   隱藏   執行   iso   效果   

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

1、show()和hide()

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

2、fadeIn()和fadeOut()

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

3、slideUp()和slideDown()

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

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

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

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