脚本宝典收集整理的这篇文章主要介绍了jquery怎样隐藏table的tr，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

jquery隐藏table中tr的方法：1、使用“$(".tr类名")”语句根据指定的class值获取对象；2、使用hide()方法将获取到的对象隐藏，语法为“$(".tr类名").hide();”。

本教程操作环境：windows7系统、jquery1.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文件内，使用button标签分别创建两个按钮，分别为“隐藏tr”和“显示tr”，代码如下:

2、在test.html文件内，给两个button按钮分别绑定onclick事件，当按钮被点击时，分别执行“hiddentr()”函数，“displaytr()”函数。

在js标签内，创建hiddentr()函数，displaytr()函数，在hiddentr()函数中，获得class为aa的tr行对象，使用hide()方法实现隐藏tr，在displaytr()函数，，获得id为bb的tr行对象，使用show()方法实现显示tr。

在浏览器打开test.html文件，分别点击按钮，查看实现的效果。

点击隐藏tr后

创建一个test.html文件。在文件内，使用table，tr，td标签创建一个六行两列的表格。同时创建两个button按钮，用于触发执行js函数。在js标签内，创建hiddentr()函数，displaytr()函数，在hiddentr()函数中，获得class为aa的tr行对象，使用hide()方法实现隐藏tr，在displaytr()函数，，获得id为bb的tr行对象，使用show()方法实现显示tr。

更多编程相关知识，请访问：编程视频！！

以上就是jquery怎样隐藏table的tr的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的jquery怎样隐藏table的tr全部内容，希望文章能够帮你解决jquery怎样隐藏table的tr所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。