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