jQuery 显示/隐藏

目录

　　jQuery hide() 和 show()

　　jQuery toggle()

jQuery hide() 和 show()

通过jQuery，可以使用hide() 和 show() 方法来隐藏和显示HTML元素。

案例：

<button class="show">show</button>
<button class="hide">hide</button>
<p class="test">kkkkkkkkkkk</p>
<script>
	$(document).ready(function(){
		$(".show").click(function(){
			$(".test").show();
		});
		$(".hide").click(function(){
			$(".test").hide()
		});
	});
</script>

jQuery toggle()

通过jQuery，可以使用toggle()方法切换hide()和show()方法。

显示被隐藏的元素，并隐藏已显示的元素。

案例：

<button class="show">show</button>
<p class="test">kkkkkkkkkkk</p>
<script>
	$(document).ready(function(){
		$(".show").click(function(){
			$(".test").toggle();
		});
	});
</script>