如何使用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

切换显示：

$('selector').toggle();

显示：

$('selector').show();

<强>隐藏

$('selector').hide();

Answer 4

$（“selector”）。toggle（）在隐藏和显示之间切换选定的DOM元素。 $（“selector”）。hide（）隐藏选定的DOM元素。 $（“selector”）。show（）显示选定的DOM元素。

说实话，我认为你可以解决这个问题而无需咨询stackoverflow。 jquery文档非常清楚imo！

请参阅the jQuery online documentation了解show，hide和toggle。

Answer 5

隐藏元素：

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

显示元素：

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

Answer 6

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

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