WWW.lllT.neT

方式:1、运用“:nth-child”选择符和“$(原素)”句子来获得要想掩藏的某列原素目标,英语的语法为“$(原素:nth-child(n))”;2、运用hide()方式将获得的原素目标掩藏,英语的语法为“原素目标.hide()”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。

jquery如何掩藏某列原素

y在jquery中,可以根据“td:nth-child(2)”目标选择符得到特定列目标,应用hide()方式完成掩藏。下边例举解读jquery如何掩藏报表里的列。

1、新创建一个html文档,取名为test.html,用以解读jquery如何掩藏报表里的列。应用table标识建立一个四行多列的报表,并设定其框边为1px。给table报表加上一个id特性mytable,用以下边得到table目标。

在test.html文档内,建立一个button按键,给button关联onclick点击事件,当按键被打开时,实行hidelie()涵数。

1123.34.png

2、在js标识内,建立hidelie()涵数,在变量内,根据“td:nth-child(2)”目标选择符得到第二列目标,应用hide()方式完成掩藏。

1123.35.png

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

1123.36.png

点一下按键后:

1123.37.png

汇总:

1、应用table标识建立一个四行多列的报表。

2、在js中,根据“td:nth-child(2)”目标选择符得到第二列目标,应用hide()方式完成掩藏。

常见问题:

除开上边的方式,还能够应用css()方式将display特性设定为none,完成掩藏。

有关教程视频建议:jQuery教程视频

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

WWW.lllT.neT

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

原文地址:jquery如何掩藏某列原素发布于2021-12-09 21:09:02