jquery如何掩藏某列元素

lxf2023-03-16 16:40:01

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

jquery如何掩藏某列元素

实例教程作业环境: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()函数公式。

jquery如何掩藏某列元素

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

jquery如何掩藏某列元素

浏览器打开test.html文档,点击图标,查询完成效果。

jquery如何掩藏某列元素

点击图标后:

jquery如何掩藏某列元素

汇总:

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

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

常见问题:

除开上面的方法,还可以使用css()方式将display特性设为none,完成掩藏。

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何掩藏某列元素具体内容,大量欢迎关注AdminJS其他类似文章!