欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery隐藏标签和显示标签的实例

程序员文章站 2022-05-17 14:44:18
代码如下:

代码如下:


<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>