方式: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()函数公式。
2、在js标识内,建立hidelie()函数公式,在变量内,根据“td:nth-child(2)”目标选择符得到第二列目标,应用hide()方式完成掩藏。
在浏览器打开test.html文档,点击图标,查询完成效果。
点击图标后:
汇总:
1、应用table标识创建一个四行二列的报表。
2、在js中,根据“td:nth-child(2)”目标选择符得到第二列目标,应用hide()方式完成掩藏。
常见问题:
除开上面的方法,还可以使用css()方式将display特性设为none,完成掩藏。
有关视频教学强烈推荐:jQuery视频教学
以上就是关于jquery如何掩藏某列元素具体内容,大量欢迎关注AdminJS其他类似文章!