如何使用JQuery隱藏和顯示HTML元素？

Question

如何使用JQuery隱藏和顯示HTML元素而沒有任何特殊效果？

Answer 1

使用hide()和show()方法：

$("selector").hide(); 
$("selector").show(); 

其中 「選擇」 是什麼是適當的。像：

<script type="text/javascript"> 
$(function() { 
    $("#mybutton").click(function() { 
    $("#mydiv").toggle(); 
    }); 
}); 
</script> 
<div id="mydiv"> 
This is some text 
</div> 
<input type="button" id="mybutton" value="Toggle Div"> 

的toggle()方法只是調用show()如果隱藏或hide()如果它不是。

Answer 2

$('#someElement').show(); //an element with id of someElement 

$('.someElement').hide(); //hide elements with class of someElement 

$('a').hide(); //hide all anchor elements on the page 

參見：

http://docs.jquery.com/Effects/show

和

http://docs.jquery.com/Effects/hide

此外，將選擇器上讀了一個好主意：

http://docs.jquery.com/Selectors

Answer 3

隱藏元件：

$('#myElement').hide(); 

顯示元件：

$('#myElement').show(); 

Answer 4

隱藏：http://docs.jquery.com/Hide

顯示：http://docs.jquery.com/Show

Answer 5

切換顯示：

$('selector').toggle(); 

顯示：

$('selector').show(); 

隱藏：

$('selector').hide(); 

Answer 6

$（ 「選擇」）切換（）隱藏和顯示之間切換所選擇的DOM元素（一個或多個）。 。 $（「selector」）。hide（）隱藏所選的DOM元素。 $（「selector」）.show（）顯示所選的DOM元素。

實際上，我認爲你可以解決這個問題，而不必諮詢stackoverflow。 jquery文檔非常清晰imo！

查看the jQuery online documentation用於顯示，隱藏和切換。