復制代碼 代碼如下:
<%@ page language=
<html>
<head>
<style type=
*{
text
font
}
table{
border
width:
}
table tr td{
border: red solid
line
}
display: none;
}
{
border
}
</style>
//導入JQuery包
<script type=
//寫JQuery事件控制頁面
<script type=
$(function(){
//事件注入點
$(
$(
$(
$(this)
$(
});
$(
$(
$(
$(this)
$(
});
});
</script>
</head>
<body>
<div class=
<table align=
<tr>
<td id=
<td id=
</tr>
</table>
</div>
<div class=
<table align=
<tr>
<td>班級編號</td>
<td>班級名稱</td>
<td>備注</td>
</tr>
<tr>
<td>A
<td>Java</td>
<td>優秀</td>
</tr>
<tr>
<td>A
<td>Java Web</td>
<td>優秀</td>
</tr>
</table>
</div>
<div class=
<table align=
<tr>
<td>編號</td>
<td>姓名</td>
<td>性別</td>
<td>所在班級</td>
</tr>
<tr>
<td>
<td>程博文</td>
<td>男</td>
<td>A
</tr>
<tr>
<td>
<td>胡曉麗</td>
<td>女</td>
<td>A
</tr>
</table>
</div>
</body>
</html>
From:http://tw.wingwit.com/Article/program/Java/Javascript/201401/30280.html