如何在没有任何特效的情况下使用JQuery隐藏和显示HTML元素?
答案 0 :(得分:13)
$("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
另外,阅读选择器是个好主意:
答案 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)