如何通过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是否显示
  • 谷歌浏览器的开发正工具怎么设置成中文界面
  • notepad++怎么将界面语言设置为中文
  • Xshell连接服务器教程
  • linux查找文件中的关键字
  • plsql怎么设置页面布局
  • 热门搜索
    手抄报花边漂亮边框 青少年心理健康手抄报 普法教育手抄报 五一劳动节手抄报图片 关于鲁迅的手抄报 端午节手抄报内容30字 世界环境日手抄报 美丽的祖国手抄报 同讲普通话携手进小康手抄报内容 小学生爱国手抄报