本文介绍了一个使用jQuery实现的简单示例：通过点击表格行来切换显示或隐藏对应的子元素。此示例适用于初学者理解jQuery的基本用法。
把jquery库的路径替换一下即可work.
<!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>
<title> new document </title>
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#table tr").each(
function(){
$(this).click(function(){
//$(this).find('div').show();
$(this).find('div').toggle('slow');
});
}
);
});
//-->
</script>
</head>
<body>
<table id="table">
<tr>
<td>
<label>001</label>
<div style="display:none">这是隐藏域001</div>
</td>
</tr>
<tr>
<td>
<label>002</label>
<div style="display:none">这是隐藏域002</div>
</td>
</tr>
<tr>
<td>
<label>003</label>
<div style="display:none">这是隐藏域003</div>
</td>
</tr>
</table>
</body>
</html>
扫一扫
5715
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
