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

成都創(chuàng)新互聯(lián)公司專(zhuān)注于企業(yè)全網(wǎng)營(yíng)銷(xiāo)推廣、網(wǎng)站重做改版、施秉網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為施秉等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

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

2   .hide()隱藏元素

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

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

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

6   .show()顯示元素

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

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

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

10  如果讓show與hide成為一個(gè)動(dòng)畫(huà)，那么默認(rèn)執(zhí)行動(dòng)畫(huà)會(huì)改變?cè)氐母叨?，高度，透明?/p>

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

12  如果元素是最初顯示，它會(huì)被隱藏，如果隱藏的，它會(huì)顯示出來(lái)

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

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