1个回答
展开全部
下载:jquery-1.6.2.js 地址:http://code.jquery.com/jquery-1.6.2.js,命名jquery-1.6.2.js,放于本网页同级目录。
<!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>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
if($("#button").val()=="隐藏") {
$("#button").val("显示");
$("#table").hide();
}
else {
$("#button").val("隐藏");
$("#table").show();
}
});
});
</script>
</head>
<body >
<table width="200" border="1" id="table">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<label>
<input name="button" type="button" id="button" value="隐藏" />
</label>
</body>
</html>
<!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>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
if($("#button").val()=="隐藏") {
$("#button").val("显示");
$("#table").hide();
}
else {
$("#button").val("隐藏");
$("#table").show();
}
});
});
</script>
</head>
<body >
<table width="200" border="1" id="table">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<label>
<input name="button" type="button" id="button" value="隐藏" />
</label>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询