隱藏元素方法(CSS對于元素隱藏的幾種方法)
1.CSS對于元素隱藏的幾種方法
1、overflow:hidden； 這是防止溢出，也是一種隱藏，只不過(guò)是把超出范圍的元素隱藏，這種一般用于文字過(guò)多或者圖片特效以及自適應中div沒(méi)法設置高度時(shí)使用
2、display:none；這就是完全的隱藏了，直接消失，任何對該元素直接的用戶(hù)交互操作都不可能生效，被隱藏的元素完全不會(huì )占用空間，仿佛元素完全不存在一樣。
3、利用opacity透明度來(lái)隱藏，opacity設置為0，它只是一種視覺(jué)隱藏，元素本身依舊占用它的位置并對網(wǎng)頁(yè)的布局起到作用，它也同樣影響用戶(hù)交互。在讀屏軟件中會(huì )被識別。
4、position：元素的定位。把position:absolutely;top:-4555px;left:-45545px;top和left設置成足夠大的負數，相當于把元素放到可視區域外，它不會(huì )影響布局，能夠讓元素保持可操作性，在讀屏軟件上可以被識別。
5、visibility：規定元素 是否可見(jiàn)，一般設置為hidden，它可以很好的隱藏，不會(huì )影響用戶(hù)的交互，在讀屏軟件中不會(huì )被識別。
2.CSS對于元素隱藏的幾種方法
1、overflow:hidden； 這是防止溢出，也是一種隱藏，只不過(guò)是把超出范圍的元素隱藏，這種一般用于文字過(guò)多或者圖片特效以及自適應中div沒(méi)法設置高度時(shí)使用2、display:none；這就是完全的隱藏了，直接消失，任何對該元素直接的用戶(hù)交互操作都不可能生效，被隱藏的元素完全不會(huì )占用空間，仿佛元素完全不存在一樣。
3、利用opacity透明度來(lái)隱藏，opacity設置為0，它只是一種視覺(jué)隱藏，元素本身依舊占用它的位置并對網(wǎng)頁(yè)的布局起到作用，它也同樣影響用戶(hù)交互。在讀屏軟件中會(huì )被識別。
4、position：元素的定位。把position:absolutely;top:-4555px;left:-45545px;top和left設置成足夠大的負數，相當于把元素放到可視區域外，它不會(huì )影響布局，能夠讓元素保持可操作性，在讀屏軟件上可以被識別。
5、visibility：規定元素 是否可見(jiàn)，一般設置為hidden，它可以很好的隱藏，不會(huì )影響用戶(hù)的交互，在讀屏軟件中不會(huì )被識別。
3.jquery中用什么方法隱藏元素
.hide()
這個(gè)方法不接受任何參數。
.hide( [duration ] [, complete ] )
duration （默認： 400）
類(lèi)型： Number or String
一個(gè)字符串或者數字決定動(dòng)畫(huà)將運行多久。
complete
類(lèi)型： Function()
在動(dòng)畫(huà)完成時(shí)執行的函數。
如果沒(méi)有參數，.hide（)方法是最簡(jiǎn)單的方法來(lái)隱藏一個(gè)元素：
$('.target').hide();
匹配的元素將被立即隱藏，沒(méi)有動(dòng)畫(huà)。這大致相當于調用.css('display', 'none')，但display屬性值保存在jQuery的數據緩存中，所以display可以方便以后可以恢復到其初始值。如果一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline。
4.CSS中如何讓元素隱藏
1、使用display:none來(lái)隱藏所有內容
display:none可以讓網(wǎng)頁(yè)中所有內容不顯示，如代碼、文字、鏈接、圖片、div層，是推薦的內容隱藏方式。
<div style="display:none;">；我不占地兒，你看不見(jiàn)我；</div>
2、使用visibility:hidden來(lái)隱藏內容
visibility:hidden和display:none可以隱藏的內容幾乎一樣，但唯一區別是它雖然隱藏了內容，但被隱藏掉的內容仍舊占據空間，這段隱藏了內容卻保留空間的位置會(huì )在網(wǎng)頁(yè)中顯示為空白。
<div style="visibility:hidden;">；我占了地兒，你也看不見(jiàn)我；</div>
3、使用overflow:hidden隱藏溢出內容
overflow:hidden這種方式可以隱藏掉固定區域外的內容，它可以有效控制顯示區域。但應注意，使用它時(shí)需要給它定義寬度和高度，否則會(huì )無(wú)效。
<div style="width:120px; height:20px; overflow:hidden;">；我占的地兒太多了你就看不見(jiàn)我的尾巴了。。。。。</div>overflow用法中存在一個(gè)分支，overflow-x:hidden和overflow-y:hidden,x是橫向范圍，y是縱向范圍，這兩個(gè)屬性經(jīng)常用在需要隱藏滾動(dòng)條時(shí)。
