如何通过js控制tr是否显示

时间:2024-10-12 02:12:24

1、打开HBuilderX工具,新建页面文件tr.html;打开页面并引入jquery文件,修改title标签内容

如何通过js控制tr是否显示
如何通过js控制tr是否显示

2、在<body></body>标签中,插入一个table,并在tr标签上绑定class属性

如何通过js控制tr是否显示

3、添加<style></style>标签,利用元素选择器设置表格样式,如宽度、边框等

如何通过js控制tr是否显示

4、保存代码并运行页面文件,打开浏览器查看表格效果

如何通过js控制tr是否显示

5、在jquery初始化函数中,利用元素.class,调用hide()方法,结果发现没有被隐藏

如何通过js控制tr是否显示

6、检查代码发现,是由于class写成了classs;修改class属性名称,然后使用css()方法设置display为none

如何通过js控制tr是否显示

7、再次保存代码并刷新浏览器,可以看到表格的第二行记录被隐藏了

如何通过js控制tr是否显示
© 手抄报圈