如何使用JQuery隐藏和显示HTML元素?

时间:2009-07-02 11:39:09

标签: jquery

如何在没有任何特效的情况下使用JQuery隐藏和显示HTML元素?

6 个答案:

答案 0 :(得分:13)

使用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()

答案 1 :(得分:7)

$('#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

答案 2 :(得分:2)

切换显示:

$('selector').toggle();

显示:

$('selector').show();

<强>隐藏

$('selector').hide();

答案 3 :(得分:2)

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

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

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

答案 4 :(得分:1)

隐藏元素:

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

显示元素:

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

答案 5 :(得分:1)