WWW.lllT.neT

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标识各自建立2个按键,各自为“掩藏tr”和“表明tr”,编码如下所示:

1116.11.png

2、在test.html文档内,给2个button按键各自关联onclick事情,当按键被打开时,各自实行“hiddentr()”涵数,“displaytr()”涵数。

在js标识内,建立hiddentr()涵数,displaytr()涵数,在hiddentr()涵数中,得到class为aa的tr行目标,应用hide()方式完成掩藏tr,在displaytr()涵数,,得到id为bb的tr行目标,应用show()方式完成表明tr。

1116.12.png

在打开浏览器test.html文档,各自点一下按键,查询完成的实际效果。

1116.13.png

点一下掩藏tr后

1116.14.png

建立一个test.html文档。在文档内,应用table,tr,td标识建立一个六行多列的报表。与此同时建立2个button按键,用以开启实行js函数。在js标识内,建立hiddentr()涵数,displaytr()涵数,在hiddentr()涵数中,得到class为aa的tr行目标,应用hide()方式完成掩藏tr,在displaytr()涵数,,得到id为bb的tr行目标,应用show()方式完成表明tr。

大量程序编写有关专业知识,请浏览:编程视频!!

以上便是jquery如何掩藏table的tr的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery如何掩藏table的tr发布于2021-12-14 21:18:02