我写了一个js，要达到的目标是：1.打开页面时除第一行外，其余的行都隐藏；2.当点击“显示”之后，后面的行显示出来；3.当点击“隐藏”之后，后面的行都隐藏
3 回答
Smart猫小萌
TA贡献1911条经验 获得超7个赞
1 2 3 4 5 6 7 8 9 10 | Jquery: $(document).ready(function(e) { $("#hid").click(function(){ $("#all tr").not($("#one")).hide(1000); }); $("#show").click(function(){ $("#all tr").show(1000); });
}); |
1 2 3 4 5 6 7 8 9 10 11 12 | html 部分代码 <body> <input type="button" value="show" id="show" /> <input type="button" value="hidden" id="hid" /> <table id="all"> <tr id="one"><td>one</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> <tr><td>...</td></tr> </table> </body> |
1 2 3 4 | css table{ width:500px; border-collapse:0; border-spacing:0;} table tr td{ border:1px solid #ccc;} 带动画效果哦 亲 |
- 3 回答
- 0 关注
- 922 浏览
添加回答
举报
0/150
提交
取消