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

2025-04-06 20:03:11

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是否显示
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢