jquery隐藏标签、显示标签的例子

发布时间:2020-11-09编辑:脚本学堂
分享一例jquery代码,学习下jquery显示与隐藏标签的方法,例子很简单,适合初学jquery的朋友参考。

本节内容:
jquery中实现点击按钮隐藏标签和显示标签,只要绑定指定button或其它,点击时调用hide或show函数即可解决。

例子:
 

复制代码 代码示例:
<html>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide(1000);
$("#show").click(function(){
$("p").show(1000);
});
});
});
</script>
<p>
大家好,欢迎学习jquery。脚本学堂。
</p>
<button id="show">显示</button>
<button id="hide">隐藏</button>
</html>