jquery - 如何使用 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() 。