方法:1、利用“:nth-child“选择器和“$(元素)”语句获取要隐藏的一列元素对象,语法为“$(元素:nth-child(n))”;2、使用hide()方法隐藏获得的元素对象,语法为“元素对象”.hide()”。
本教程操作环境:windows7系统,jquery1.10.0版本、Dell G3电脑。
如何隐藏某列元素?
y在jquery中,可以通过“td:nth-child(2)“对象选择器获得指定列对象,并采用hide()方法实现隐藏。以下是jquery如何隐藏表格中的列。
1、新建html文件,命名为test.html,用来解释jquery如何隐藏表格中的列。用table标签创建一个四行两列的表格,并将其边框设置为1px。在table表格中添加一个id属性mytable,以获取下面的table对象。
在test.在html文件中,创建一个button按钮,将onclick点击事件绑定到button,当按钮被点击时,执行hidelie()函数。
2、在js标签中,创建hidelie()函数,在函数中,通过“td:nth-child(2)“对象选择器获得第二列对象,采用hide()方法实现隐藏。
打开浏览器中的testst.html文件,点击按钮查看实现效果。
点击按钮:
总结:
1、用table标签创建一个四行两列的表格。
2、在js中,通过“js”td:nth-child(2)“对象选择器获得第二列对象,采用hide()方法实现隐藏。
注意事项:
除上述方法外,还可采用css()方法将display属性设置为none,实现隐藏。
相关视频教程推荐:jQuery视频教程
以上是jquery如何隐藏某一系列元素的详细内容,更多请关注AdminJS的其他相关文章!