猿问

用jquery实现显示和隐藏部分tr

我写了一个js，要达到的目标是：
1.打开页面时除第一行外，其余的行都隐藏；
2.当点击“显示”之后，后面的行显示出来；
3.当点击“隐藏”之后，后面的行都隐藏

MMTTMM
浏览 923回答 3
3回答

Smart猫小萌

12345678910Jquery:$(document).ready(function(e)&nbsp;{&nbsp;&nbsp;$("#hid").click(function(){&nbsp;&nbsp;&nbsp;&nbsp;$("#all&nbsp;tr").not($("#one")).hide(1000);&nbsp;&nbsp;});&nbsp;&nbsp;$("#show").click(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#all&nbsp;tr").show(1000);&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;123456789101112html&nbsp;&nbsp;部分代码<body><input&nbsp;type="button"&nbsp;value="show"&nbsp;id="show"&nbsp;&nbsp;/><input&nbsp;type="button"&nbsp;value="hidden"&nbsp;id="hid"&nbsp;/>&nbsp;&nbsp;<table&nbsp;id="all">&nbsp;&nbsp;&nbsp;&nbsp;<tr&nbsp;id="one"><td>one</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>...</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>...</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>...</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>...</td></tr>&nbsp;&nbsp;</table></body>&nbsp;1234csstable{&nbsp;width:500px;&nbsp;border-collapse:0;&nbsp;border-spacing:0;}table&nbsp;tr&nbsp;td{&nbsp;border:1px&nbsp;solid&nbsp;#ccc;}带动画效果哦&nbsp;亲&nbsp;
0
随时随地看视频慕课网APP

相关分类

JQuery
我要回答