.hide()隱藏元素、.show()顯示元素和.toggle()切換顯示或隱藏匹配元素

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的西固網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1   讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性，但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時候，一般是通過js控制元素的style屬性

2  .hide()隱藏元素

3  .hide( options )當(dāng)提供hide方法一個參數(shù)時，.hide()就會成為一個動畫方法，.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進(jìn)行動畫操作

4  .hide("fast / slow")動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執(zhí)行200/600毫秒的動畫后再隱藏

5  jQuery在做hide操作的時候，會保存本身的元素的原始屬性值，再通過對應(yīng)的方法還原的時候還是初始值，如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline，一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個元素將不再在頁面中影響布局

6  .show()顯示元素

7   hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示

8  show與hide方法是修改的display屬性，通過visibility屬性布局需要通過css方法單獨(dú)設(shè)置

9  如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式

10  如果讓show與hide成為一個動畫，那么默認(rèn)執(zhí)行動畫會改變元素的高度，高度，透明度

11  .toggle()切換顯示或隱藏匹配元素，這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動畫，通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫，

12  如果元素是最初顯示，它會被隱藏，如果隱藏的，它會顯示出來

13  .toggle( [duration ] [, complete ] )提供參數(shù)，提供了時間、還有動畫結(jié)束的回調(diào)，在參數(shù)對應(yīng)的時間內(nèi)，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進(jìn)行一系列動畫效果

14  .toggle(display)直接定位,直接提供一個參數(shù)，指定要改變的元素的最終效果,確定是使用show還是hide方法

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文題目：JQury動畫-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/csjojg.html