如何通过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怎么设置页面布局
  • 热门搜索
    怎么用纸折玫瑰花 方脸适合什么发型 知网怎么查重 扬州博物馆 手机导航怎么用 怎么看电脑多少位 手机怎么查本机号码 牙齿松动怎么治疗 凝聚的近义词 国王游戏怎么玩