用jquery实现显示和隐藏部分tr
我写了一个js，要达到的目标是：
1.打开页面时除第一行外，其余的行都隐藏；
2.当点击“显示”之后，后面的行显示出来；
3.当点击“隐藏”之后，后面的行都隐藏
MMTTMM浏览 923回答 3
3回答
-
Smart猫小萌
12345678910Jquery:$(document).ready(function(e) { $("#hid").click(function(){ $("#all tr").not($("#one")).hide(1000); }); $("#show").click(function(){ $("#all tr").show(1000); }); }); 123456789101112html 部分代码<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> 1234csstable{ width:500px; border-collapse:0; border-spacing:0;}table tr td{ border:1px solid #ccc;}带动画效果哦 亲
随时随地看视频慕课网APP
相关分类
JQuery