div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:
1
2
3
style="visibility:none"
document，getElementById("typediv1")，style，visibility="hidden"//隐藏
document，getElementById("typediv1")，style，visibility="visible"//显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
1
2
3
style="display:none"
document，getElementById("typediv1")，style，display="none"//隐藏
document，getElementById("typediv1")，style，display=""//显
$('#h'），click(function(){//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用
if($('#td1')，text()==""){
$('#td1')，parent('tr')，hide()
}
})
显示
$('#s'），click(function(){
$('tr')，show()
})
代码性能不好，可以自己去完善
拓展资料
用tbody隐藏吧div和table不好交叉着用
<table>
<tr><td>显示的</td></tr>
<tbodystyle="display:none">
<tr><td>隐藏的</td></tr>
<tr><td>隐藏的</td></tr>
</tbody>
<tr><td>显示的</td></tr>
</table>
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
2、在index.html文件的<script>标签中，写入js：
$('button').click(function () {
$('div').hide()
$('div').eq(parseInt(3 * Math.random())).show()
})
3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。
