table的显示与隐藏,js隐藏table

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 0版，Dell G3电脑。

　　jquery隐藏table中tr的方法

　　1.创建一个新的html文件，命名为test.html，解释jquery如何判断元素是否可见。在test.html文件中，使用table、tr和td标记创建一个六行两列的表格，并为表格设置1px边框以便于查看。在test.html文件的table表中，将零件tr的class属性设置为aa，并将最后一行的id设置为bb。

　　在test.html文件中，使用按钮标签创建两个按钮，即“隐藏tr”和“显示tr”，代码如下：

　　2.在test.html文件中，将onclick事件分别绑定到两个按钮按钮上，当按钮被点击时，将分别执行“hiddentr()”函数和“displaytr()”函数。

　　在js标记中，创建hiddentr()函数和displaytr()函数。在hiddentr()函数中，用aa类获取tr row对象，用hide()方法隐藏tr，在displaytr()函数中，用id bb获取tr row对象，用show()方法显示tr。

　　在浏览器中打开test.html文件，点按按钮以查看效果。

　　单击隐藏tr

　　创建一个test.html文件。在该文件中，使用table、tr和td标记创建一个六行两列的表格。同时创建两个按钮button，用来触发js函数的执行。在js标记中，创建hiddentr()函数和displaytr()函数。在hiddentr()函数中，用aa类获取tr row对象，用hide()方法隐藏tr，在displaytr()函数中，用id bb获取tr row对象，用show()方法显示tr。

　　有关编程的更多信息，请访问：编程视频！以上是jquery如何隐藏表tr的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。