Jquery实战学习--点击隐藏和显示
来源：互联网 发布：三星4821hn网络打印 编辑：程序博客网 时间：2024/05/29 19:13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>jquery概述</title><script src="jquery-1.7.js" type="text/javascript"></script></head><body><input type="button" value="点击隐藏" id="DianJi" class="DianJi"/><input type="button" value="点击显示" id="DianJi" class="show"/><div id="has"><span>JQuery中DOM的操作</span><br /><a>第一行</a><br /><a>第二行</a><br /><a>第三行</a></div><script type="text/javascript">$(".DianJi").click(function (){$("#has").hide();});$(".show").click(function (){$("#has").show();});</script></body></html>
